Question

此问题与this

有关

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

我想要做的是当我开始从“可排序”拖动项目以通过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();
 }
 });

问题是在将元素从“draggable”中删除到“sortableList”之前做了一些事情，我想在从“sortableList”拖动元素时做点什么。

这是jsbin。

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

Answer 1

我不确定这是否会被视为jQuery UI Sortable中的错误 - 它似乎确实可能存在。解决问题的一种方法是查询event中的start参数：

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

Updated JSBin

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

1 个答案: