jQuery UI 中的可排序和可删除停用

Question

我已将 jQuery UI 可排序和可拖放附加到我的页面上的几个不同页面。

我希望在用户拖动另一个活动列后，被删除的元素不会出现在距离“可放置”列最近的列中。

http://jsfiddle.net/jordanbaucke/W3yyk/4/

我尝试禁用最接近的“可排序”列并在“可放置”处于活动状态时重新激活，但这不起作用。我该如何修复它？

Answer 1

您需要在 $.droppable 'drop' 事件上添加使用 $.sortable('cancel') 方法，如下所示：

$('#droppablecolumn').droppable({
    over: function(en, ui) {
        $(this).css('background-color', 'grey');
    },

    out: function(en, ui) {
        $(this).css('background-color', 'white');
    },

    drop: function(){
        $('.column').sortable('cancel');    
    }    
});

一旦发生放置，这应该取消当前的 $.sortable 事件。