Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqm可折叠电缆的更换位置_Javascript_Jquery_Jquery Mobile_Position_Jquery Mobile Collapsible - Fatal编程技术网

Javascript jqm可折叠电缆的更换位置

Javascript jqm可折叠电缆的更换位置,javascript,jquery,jquery-mobile,position,jquery-mobile-collapsible,Javascript,Jquery,Jquery Mobile,Position,Jquery Mobile Collapsible,我只想在可折叠col1之前更改可折叠col2的位置。最后,顺序应该是:1.col22.col13.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<

我只想在可折叠
col1
之前更改可折叠
col2
的位置。最后,顺序应该是: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>

标题1
文本1

标题2 文本2

标题3 文本3


您应该移动可折叠文件,然后调用刷新:

$('#col1').after($('#col2')); // Move the node
$('#List').collapsibleset('refresh'); // Refresh the collapsible set

已编辑:应在可折叠集插件中调用“刷新”方法(而不是在可折叠插件上)-感谢Omar的更正。

您应该在问题中说明您迄今为止尝试了什么。我想您可以使用它来移动并刷新可折叠的$('#col1')。在($('#col2'))之后$(“#List”).collapsible('refresh')@sergioFC谢谢你的回答,这就是我想要的。@sergioFC发布一个答案,找一些代表。
。collapsibleset('refresh')