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 事件。