jQuery 可排序交换元素改为插入答案

【问题标题】：jQuery sortable swap elements instead insertjQuery 可排序交换元素改为插入
【发布时间】：2012-10-31 09:39:24
【问题描述】：

我是 jQuery 的初学者，但我找不到解决方案：我正在使用带有表格的 Sortable。但是默认的重新排序方法对我不利：我不想插入拖动的项目 - 我想交换拖动的项目和“当前”项目（鼠标指针所在的位置）。

 $(".timetable").sortable({
     items: "td.ora",
     sort: function(event,ui) {
            // what should I write here?
     });

我认为应该覆盖sort 事件，但我不知道如何。

【问题讨论】：

【解决方案1】：

这个问题有一个 Sortable 的解决方案（请参阅问题底部的解决方法）：

但我认为更优雅的解决方案是 Swappable 插件：

【讨论】：

我看到了可交换插件，但它对我不起作用，你可以检查例如主页上的列表演示：很多时候不能交换两个元素。在我的情况下，never 可以交换...我会看到第一种方法。
可交换插件对我来说效果很好。您必须自己定义可拖动项目，并确保光标不在您拖动的项目上，否则它将不起作用。 $('#my-list').swappable({items: 'li', cursorAt: {top:-10}});。该插件是一个真正的 jquery ui-plugin，因此它也将接受所有默认的 ui 参数和事件。