我有两个基于 jquery 的列表,样本是 here我需要完全相同的功能,但有如下细微的变化:
按照上面的方法,当我点击 Get items
时,我得到了所有可排序的元素值,但我想要的是从列表 A 中拖动并将它们放入列表 B,反之亦然,如果我点击获取元素我应该只获取列表 B 中的可排序元素而不是来自列表 A。
如何做到这一点,我们可以自定义上面的 jquery lib 还是有任何其他的,即使它们是在 java 脚本中,这对我来说很好。
请帮忙。
最佳答案
我过去做过类似的事情,我是这样实现的:http://jsfiddle.net/dazefs/vGYVX/
<div style="background-color:Gray">
<ul id="sortable">
<li>
<span style="background-color:yellow">
Item 1
</span>
</li>
<li>
<span style="background-color:red">
Item 2
</span>
</li>
<li>
<span style="background-color:green">
Item 3
</span>
</li>
<li>
<span style="background-color:Blue">
Item 4
</span>
</li>
</ul>
<ul id="sortable2" style="width:60%">
<li>
<span style="background-color:yellow">
Item 5
</span>
</li>
<li>
<span style="background-color:red">
Item 6
</span>
</li>
<li>
<span style="background-color:green">
Item 7
</span>
</li>
<li>
<span style="background-color:Blue">
Item 8
</span>
</li>
</ul>
</div>
$(function () {
$("#sortable, #sortable2").sortable({
connectWith: "#sortable2, #sortable",
receive: function (event, ui) {
alert('item has been sorted');
}
});
//})
});
使用 3 个磁贴组实现:
http://jsfiddle.net/dazefs/XRdz6/
http://jsfiddle.net/dazefs/vGYVX/
您必须稍微修改此实现以在单击“GetItems”后合并获取元素。
关于javascript - 使用 jquery 拖放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12671701/