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!");
        },
     });

所以当从 sortable 拖到左侧位置时会触发update 事件，当拖到.start 时会触发。