我只想在可折叠col2
之前更改可折叠col1
的位置。最后,订单应为:1。col2
2。col1
3。col3
<div data-role="content">
<div id="List" data-role="collapsible-set">
<div data-role="collapsible" data-content-theme="c" id="col1">
<h3>Header 1</h3>
<p>Text 1</p>
</div>
<div data-role="collapsible" data-content-theme="c" id="col2">
<h3>Header 2</h3>
<p>Text 2</p>
</div>
<div data-role="collapsible" data-content-theme="c" id="col3">
<h3>Header 3</h3>
<p>Text 3</p>
</div>
</div>
</div>
答案 0 :(得分:1)
您应该移动可折叠,然后调用refresh:
$('#col1').after($('#col2')); // Move the node
$('#List').collapsibleset('refresh'); // Refresh the collapsible set
已编辑:应在collapsibleset插件中调用'refresh'方法(不在可折叠插件上)。 - 谢谢奥马尔的纠正。