jQueryは開始イベントからソート可能（ 'disable'）、完全には期待どおりに動作しません。

Question

以下のコードは、開始イベントのソート可能を完全に無効にするわけではありません。並べ替え可能な要素にはui-sortable-disabledとui-state-disabledというクラスが追加されますが、機能が無効になるわけではありません。つまり、ソート可能な表示は無効ですが、引き続きドラッグされた項目を受け入れ、有効になっているように動作します。

var assignedSortables; 
var startDrag = function(event, ui) { 
    assignedSortables.each(function() {$(this).sortable('disable');}); 
}; 

var stopDrag = function(event, ui) { 
    assignedSortables.each(function() {$(this).sortable('enable');}); 
}; 

assignedSortables = $(".my-sortable-containers").sortable({ 
    connectWith: '.my-sortable-containers', 
    start: startDrag, 
    stop: stopDrag 
}); 

私はこれをしたい理由は、ドラッグ開始である私はすでに（私は簡単にするためのロジックを取り除か）項目がドラッグされている含まれている他の接続sortablesを無効にする必要がある可能性があるためです。これはバグですか、それとも回避方法がありますか？

Answer 1

私は私が代わりにやったことは

$(".myDraggableContainer").mousedown(functionToDisableTheCorrectSortables).mouseup(functionToEnableSortables); 

それにこれを行うを無効にして有効にするためにマウスダウンを使用してイベントをするMouseUpた、質問をするので、私はjQueryライブラリがこれを「固定」しているかどうかを確認するためにチェックしていません実際には受信ソートを完全に無効にします

Answer 2

私はちょうど同じ問題に遭遇しました。私は、ソート可能な開始時に 'refresh'メソッドを呼び出すことによって無効にしたい（接続するために）無効にする接続ソートを得ることができました。私は、内部リストが開始イベントがトリガされる前に、接続と非故障者リストのセットをつかむとを確認していないことを推測

$connectedList.sortable('disable'); 
$(ui.sender).sortable('refresh'); 

：

だから、あなたのスタートコールバックの内側には、のようなものになるでしょう開始後にそのリストが変更された場合はトリガーされます。