Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/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
用于数据分配的jquery ui可排序、拖放_Jquery_Jquery Ui_Jquery Ui Draggable_Jquery Ui Sortable - Fatal编程技术网

用于数据分配的jquery ui可排序、拖放

用于数据分配的jquery ui可排序、拖放,jquery,jquery-ui,jquery-ui-draggable,jquery-ui-sortable,Jquery,Jquery Ui,Jquery Ui Draggable,Jquery Ui Sortable,我正在使用jQueryUISortable搜索一个示例,并拖放以下场景 我有两列,一列包含不同数量的行,另一列应该作为数据分配的占位符。 我的意思是: Column with items to be assigned the desired item should be dragged here ------------------ --------------------- - item1 -----------

我正在使用jQueryUISortable搜索一个示例,并拖放以下场景

我有两列,一列包含不同数量的行,另一列应该作为数据分配的占位符。 我的意思是:

Column with items to be assigned          the desired item should be dragged here
    ------------------                     ---------------------
    - item1
    ------------------                     ---------------------
    - item2
    ------------------                     ---------------------
    - item3                                 - item4
    ------------------                     ---------------------

您可以使用jQueryUI的sortable的连接列表功能来实现这一点

排序表1表示第1列,第2列由排序表2表示。连接两个列表并将第二个列表设置为空,以便用户可以将其项目拖到列表上。另外,将背景添加到第二个列表中,以便用户知道将项目拖动到何处

<script>
  $(function() {
    $( "#sortable1, #sortable2" ).sortable({
      connectWith: ".connectedSortable"
    }).disableSelection();
  });
  </script>
</head>
<body>

<ul id="sortable1" class="connectedSortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
  <li class="ui-state-default">Item 4</li>
  <li class="ui-state-default">Item 5</li>
</ul>

<ul id="sortable2" class="connectedSortable">
</ul>

$(函数(){
$(“#可排序1,#可排序2”)。可排序({
connectWith:“.connectedSortable”
}).disableSelection();
});
    第1项 第2项 第3项 第4项 第5项
这件事的关键是:


来源:

为什么这个问题被否决了?@PrateeKrebala haters会讨厌:)你的意思!!我希望现在就得到解释!!我以为我们在谈论专业的事情@如果代码解释得很好?