用于数据分配的jquery ui可排序、拖放
我正在使用jQueryUISortable搜索一个示例,并拖放以下场景 我有两列,一列包含不同数量的行,另一列应该作为数据分配的占位符。 我的意思是:用于数据分配的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 -----------
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会讨厌:)你的意思!!我希望现在就得到解释!!我以为我们在谈论专业的事情@如果代码解释得很好?