Question

sortable的{{1}}似乎很奇怪。例如，我有一个可排序的项目列表（橙色）我不希望它们与其他可排序的连接列表项目（黄色）连接。

所以我为连接connectWith的人添加了一个类名，但是那些（橙色）没有连接仍然可以放入连接列表中。

为什么？我该如何解决这个问题 - 橙色项目不应该被删除到黄色项目中。

jquery的，

connected-sortable

Answer 1

你可以调用sortable两次.sortable是黄色而.sortable2是橙色（不要忘记将.sortable2 li添加到你的css中）。

$(function() {
        $( ".sortable" ).sortable({
            connectWith: ".connected-sortable",
            cancel: ".not-sortable",
            handle: '.handle',
            update: function(){

                var path = $(this).closest(".parent-sortable").find('input.path-sort-image').val();
                var order = $(this).sortable("serialize");
                //alert(path);
                //alert(order);


            }
        });
$( ".sortable2" ).sortable({             
            cancel: ".not-sortable",
            handle: '.handle',
            update: function(){

                var path = $(this).closest(".parent-sortable").find('input.path-sort-image').val();
                var order = $(this).sortable("serialize");
                //alert(path);
                //alert(order);


            }
        });
    });

我还更新了您的jsfiddle。我希望这会有所帮助。

jquery ui sortable：连接和不连接？

1 个答案: