Question

我对连接的可排序div有问题。当我将项目从第一个可排序的div拖动到另一个可排序的div时，它可以工作。当我将它拖到第二个可排序时出现问题，但不要丢弃它，而是我尝试将项目移回第一个可排序的div，它移动到第二个可排序而不是第一个可排序。这是我的jquery，我找不到解决这个问题的方法..这是连接sortables的基本jquery代码，我在我的代码中使用了它：

$(function() {
    $( ".sortable1" ).sortable({
        connectWith: ".sortable2",
        revert: false
    }); 
    $( ".sortable2" ).sortable({

    });

    $( ".sortable1,.sortable2" ).disableSelection();
});

关于jsFiddle的最终示例：http://jsfiddle.net/KtpJj/3/ 有什么建议??

更新：当我像这样更改我的jquery代码时，会出现另一个问题......

$(function() {
  $( ".sortable1" ).sortable({
    connectWith: ".sortable2",
    revert: false
  }); 
  $( ".sortable2" ).sortable({
    connectWith: ".sortable1",
    revert: false
  });

$( ".sortable1,.sortable2" ).disableSelection();
});

是否有可能拒绝从第二个div拖回第一个？为此，我必须删除表格最后的jquery代码{connectWith：“。sortort1”}。但是在这种情况下，当我将物品从第一个div拖到第二个而不是将它们放在第二个时，而不是将它放在第二个div上，如果我将它拖离第一个和第二个div，它将返回到第二个，但它有返回第一个div。

Answer 1

您还必须为第二个致电sortable：

$( ".sortable2" ).sortable({
    connectWith: ".sortable1",
    revert: false
});

此外，您需要从这些 divs 中停用overflowing，因此我在CSS中添加了以下定义：

.sortable1 { overflow: hidden; }
.sortable2 { overflow: hidden; }

jsFiddle Demo

如何使用不同的类div对Connect进行排序

1 个答案: