使用jQuery sortable时如何保留原始列表项

时间:2015-12-09 18:31:43

标签: jquery html drag-and-drop jquery-ui-sortable

我的JSFiddle located here

我正在使用可排序的jQuery函数来排序3列。我想这样做,以便从第2列或第3列抓取名称并放在第1列中,2和3中的名称保持其当前状态,以便列保持按字母顺序排列并保持相同的高度。我希望我能正确解释这一点。换句话说,我想从2或3中获取一个名称,将其放在1中,并且名称仍然在2或3中。

1 个答案:

答案 0 :(得分:2)

https://stackoverflow.com/a/12659113/3495594应该有助于克隆元素。我已经根据您的情况调整了一点解决方案:http://jsfiddle.net/4oaanxoq/2/

我使用id sortable1sortable2sortable3设置了ul。第一个是课程destinationList,其他人有课程sourceList

CSS中也有.sourceList .source-placeholder { display: none !important; },您可能想要也可能不想使用它。

请注意,它不会阻止重新排序第2列和第3列中的项目,因此您仍需要针对该部分的解决方案。请查看sortable api中的事件。