jquery - jQueryUIでのソート可能およびドロップ可能非アクティブ化

Question

ページのいくつかの異なるページに、ソート可能およびドロップ可能なjQueryUIを添付しました。

ユーザーが別のアクティブな列をドラッグした後、「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イベントがキャンセルされます。