jquery - 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 事件一旦发生丢弃。