Question

我正在尝试使用JQM的可折叠集。我写的时候：

<div id="content" data-role="main" class="ui-content" >
   <div class="box" data-role="collapsible">
      <h3>lang</h3>
      <p> lang = <input name="settings[lang]" value="en"></p>
   </div>
</div>

它工作正常，但是当我尝试用JQuery构建它时，它不会构建一个可折叠的。代码就像：

function f () {
   var str = '<div class="box" data-role="collapsible">' +
             '<h3>lang</h3>' +
             '<p> lang = <input name="settings[lang]" value="en">' +
             '</p>' +
             '</div>';
   $('#content').html(str);
}

有人知道该代码有什么问题吗？

冲压

Answer 1

确保将可折叠div与另一个具有data-role =＆＃34; collapsibleset＆＃34;的div封装在一起。以便以后能够刷新该元素：

<div id="content" class="ui-content" data-role="collapsibleset">

</div>

然后在动态插入可折叠后调用.collapsibleset（＆＃39; refresh＆＃39;）：

function f () {
   var str = '<div class="box" data-role="collapsible">' +
             '<h3>lang</h3>' +
             '<p> lang = <input name="settings[lang]" value="en">' +
             '</p>' +
             '</div>';
   $('#content').html(str);
   $('#content').collapsibleset('refresh');            
}

请参阅：http://jsbin.com/fixefumose/edit?html,js,output

上的工作示例

JQueryMobile可折叠不起作用

1 个答案: