なぜ、jQuery UI .sortable（）のイベントだけをソートするのですか？

Question

私は単純なコード例を持っています@http://jsbin.com/ukiwo3/edit

2つの接続リストとバウンドイベントがあります。私はhttp://jqueryui.com/demos/sortable/に基づいて簡単な何かを逃したことを願っていますイベント私はドラッグして質問李を並べ替えるときにこれらのすべてのイベントが発生するのを見なければならないと思う。現時点では、ソートだけがコンソールにログを記録します。

誰かが何が間違っているのか、残りの部分を放つ方法を教えてもらえますか？

おかげで、 デニス

Answer 1

イベントの名前は、バインド時に異なるstartではなくsortstartのように異なります。あなたのバインドがすべきであるものの完全なリストについては、Look at the list of events on the demo pageを参照してください。

全体的に、it should look like this：

$(".questions").bind("sortstop", function(event, ui) { 
    console.log("stop event"); 
}); 
$(".questions").bind("sortstart", function(event, ui) { 
    console.log("start event"); 
}); 
$(".questions").bind("sortchange", function(event, ui) { 
    console.log("change event"); 
}); 
$(".questions").bind("sort", function(event, ui) { 
    console.log("sort event"); 
}); 
$(".questions").bind("sortremove", function(event, ui) { 
    console.log("remove event"); 
}); 
$(".questions").bind("sortout", function(event, ui) { 
    console.log("out event"); 
}); 
$(".questions").bind("sortover", function(event, ui) { 
    console.log("over event"); 
}); 
$(".questions").bind("sortupdate", function(event, ui) { 
    console.log("update event"); 
}); 

（単なるイベント名を示す、最適化されていない）

Answer 2

私はこれをしなかったし、私は停止イベントがトリガ見る：

それは私には思える

$('.questions').sortable({ 
     axis: 'y', 
     connectWith: ".questions", 
     placeholder: "question-highlight", 
     stop:function(event, ui) { 
     console.log("stop event"); 
     } 
}); 

ものを「イベント」はbind経由でアクセスすることはできません。