jquery - 禁用除 connectWith 之外的可排序元素的排序

Question

是否可以禁用“sortable”元素上的排序，但排序仍可与“connectWith”一起使用？

Answer 1

如果 list1 中的元素没有放到 list2 上(我称之为自放置)，这会将 list1 中的元素返回到其原始位置。

$("#list1").sortable({
    connectWith: ".connected-fields",
    beforeStop: function(event, ui) {
        // Don't allow resorting in list1... would call cancel here, but there is a jquery 1.7 bug so we
        // need to do the check here but do the cancel in "stop" below. @see http://bugs.jqueryui.com/ticket/6054
        $(this).sortable("option", "selfDrop", $(ui.placeholder).parent()[0] == this);
    },
    stop: function(event, ui) {
        var $sortable = $(this);
        if ($sortable.sortable("option", "selfDrop")) {
            $sortable.sortable('cancel');
            return;
        }
    }
});

$("#list2").sortable({
    connectWith: ".connected-fields"
});