javascript - jQuery UI 可排序 - 当用户开始从特定 block 拖动元素时执行某些操作

Question

这个问题与this有关

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

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

这是我的JS:

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

 $("#sidebar-wrapper").droppable({
 accept: 'li',
 drop: function (event, ui) {
     ui.helper.remove();
 }
 });

问题是在我将元素从“可拖动”拖放到“可排序列表”之前正在做一些事情，而当元素从“可排序列表”中拖动时我想做一些事情。

这是一个 jsbin .

关于如何执行此操作的任何建议？

Answer 1

我不确定这是否会算作 jQuery UI Sortable 中的错误 - 看起来确实如此。绕过它的一种方法是在 start 中查询 event 参数:

$(".sortableList").sortable({
    start: function(event, ui) {
        if (event.handleObj.namespace=="sortable")
            alert("Do something here!");
    }
});

Updated JSBin