Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.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 jQuery可排序列表分为两列?_Javascript_Jquery_List_Jquery Ui_Jquery Ui Sortable - Fatal编程技术网

Javascript 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>

我希望jquery列表在加载时自动排序为两个大小相等的列

无法确定如何使其工作-使用“拆分列表”功能与可排序插件不兼容

有没有想过如何将这样一个由五个元素组成的列表分成两列,一列是两列,另一列是三列,当项目被拖入其中时,列表会自动更新

<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
      应该是什么样子?列表何时/如何自动更新。。?什么是拆分列表函数。。?从没听说过。你能提供一些参考吗。。?