jQuery UI可排序 - 当项目被拖动时做些什么

Question

我有两个块，一个是“可拖动”，另一个是“可排序”。

我想要做的是当我开始拖动一个项目从“可排序”通过jQuery做些事情。

这里是我的JS：

$(".sortableList").sortable({ 

}); 
$(".draggable").draggable({ 
    connectToSortable: '.sortableList', 
    cursor: 'pointer', 
    helper: 'clone', 
    revert: 'invalid', 
    start: function (event, ui) { 
    $(this).addClass('testing'); 
} 
}); 

这里有一个jsbin

任何想法，我该怎么办呢？

Answer 1

你必须在排序这样添加更新事件：

 $(".sortableList").sortable({ 
      update: function(event, ui) { 
       //alert("Do something here when item left!"); 
      }, 
      start: function(event, ui) { 
       //alert("Do something here when item just dragged from sortable!"); 
     }, 
    }); 

所以，当从排序拖动留给位置update事件将触发，当把它拖到.start被触发。