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

Question

我已將jQuery UI排序並放置到頁面上的幾個不同頁面。

我想讓元素被刪除，而不是在用戶拖過另一個活動列之後最靠近'droppable'列的列中。

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

我試圖禁用最近「排序」列，當「可放開」是活動的激活，但這不起作用。我該如何解決它？

Answer 1

您將需要添加利用在$ .droppable「降」的$ .sortable（「取消」）方法事件是這樣的：

$('#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事件已經出現下降。