Javascript jQuery可排序列表分为两列?
我希望jquery列表在加载时自动排序为两个大小相等的列 无法确定如何使其工作-使用“拆分列表”功能与可排序插件不兼容 有没有想过如何将这样一个由五个元素组成的列表分成两列,一列是两列,另一列是三列,当项目被拖入其中时,列表会自动更新Javascript jQuery可排序列表分为两列?,javascript,jquery,list,jquery-ui,jquery-ui-sortable,Javascript,Jquery,List,Jquery Ui,Jquery Ui Sortable,我希望jquery列表在加载时自动排序为两个大小相等的列 无法确定如何使其工作-使用“拆分列表”功能与可排序插件不兼容 有没有想过如何将这样一个由五个元素组成的列表分成两列,一列是两列,另一列是三列,当项目被拖入其中时,列表会自动更新 <ul id="sortable" class="split-list"> <li>One</li> <li>Two</li> <li>Three</li>
<ul id="sortable" class="split-list">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
- 一个
- 两个
- 三
- 四
- 五个
如果我理解正确,您可以使用该方法检索一组元素,使用将其包装在新的
中,并使用将其插入最后一个
之后,如下所示:
$(拆分);
函数拆分(){
var listItems=document.querySelectorAll(“ul li”);
对于(变量i=2;i ”){
类:“可排序连接的可排序”
}));
}
$(“.sortable”).sortable({
connectWith:“.connectedSortable”
}).disableSelection()
}
ul{
显示:内联块;
}
- 一个
- 两个
- 三
- 四
- 五
“要将这样一个五人列表拆分为两列,每列两人,每列三人,然后自动更新”-那么第五列会发生什么情况。。?新的HTML
应该是什么样子?列表何时/如何自动更新。。?什么是拆分列表函数。。?从没听说过。你能提供一些参考吗。。?