2 qq 28394425 qq_28394425 于 2015.07.17 17:30 提问

jquery mobile<div data-role="collapsible">失效

我动态加载div的时候collapsible失效了,html里是正常的,在js里就失效了,js里代码如下

                newItem+='<div class="ui-block" data-role="collapsible"><h4>你好</h4><div style="font-size: 12px;margin-bottom: 6px;"><strong>你好你好你好你好你好</strong></div></div>';

 if(newItem!="")
            {
                newItem = $(newItem);
                newItem.appendTo($("#div_remark"));
            }

正常应该是图片说明
结果是图片说明

3个回答

showbo
showbo   Ds   Rxr 2015.07.17 18:11
已采纳

动态创建的jquery mobile的初始化事件已经执行过,需要重新出发父容器的create事件重绘对象

 newItem.appendTo($("#div_remark"));
 $("#div_remark").trigger("create");
CSDNXIAOD
CSDNXIAOD   2015.07.17 17:34

【jquery mobile笔记一】data-role="fieldcontain"
jquery mobile所有的data属性
jquery mobile 页面跳转 data-id
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

danielinbiti
danielinbiti   Ds   Rxr 2015.07.17 17:56
div_remark这个节点定义成collapsible-set
 <div id='div_remark' data-role="collapsible-set">
 动态加载数据后
 $("#div_remark").collapsibleset('refresh');
 刷新一下
Csdn user default icon
上传中...
上传图片
插入图片