jQuery UI中的可排序和可放置停用

Question

我已将jQuery UI可排序并可放置到我页面上的几个不同页面。

我想让用户拖过另一个活动列后，删除的元素不会在最靠近“droppable”列的列中结束。

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

我尝试禁用最近的'sortable'列，并在'droppable'处于活动状态时重新激活，但这不起作用。我该如何解决？

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