调用两次droppable方法的Jquery drop回调

调用两次droppable方法的Jquery drop回调,jquery,jquery-ui,backbone.js,Jquery,Jquery Ui,Backbone.js,我对以下事件有一个看法。视图Id为“文件夹块”。 我的元素是视图,如下所示: <ul> <li></li> <li></li> <li></li> </u> <ul> <li> <ul></ul> </li> </ul> 当我将一个li从一个ul拖动到另一个ul时,drop只

我对以下事件有一个看法。视图Id为“文件夹块”。 我的元素是视图,如下所示:

<ul>
  <li></li>
  <li></li>
  <li></li>
 </u>
 <ul>
     <li>
       <ul></ul>
     </li>
  </ul>
当我将一个li从一个ul拖动到另一个ul时,drop只调用一次。当我将li元素拖动到同一ul元素中的另一个li元素时,将调用两次drop回调函数

如何解决此问题。

尝试在可拖放定义中将选项设置为true:

默认情况下,当一个元素放置在嵌套的可放置项上时,每个 Dropable将接收该元素。但是,通过将此选项设置为 如果为true,则任何父可拖放项都不会接收该元素。滴水 事件仍将正常冒泡,但可以检查event.target 查看哪个dropable接收了draggable元素

代码:

在可拖放定义上尝试将选项设置为true:

默认情况下,当一个元素放置在嵌套的可放置项上时,每个 Dropable将接收该元素。但是,通过将此选项设置为 如果为true,则任何父可拖放项都不会接收该元素。滴水 事件仍将正常冒泡,但可以检查event.target 查看哪个dropable接收了draggable元素

代码:

  events{
   "mousedown .all-folders": "dragCustomFolders"
  },
  dragCustomFolders: function(e){
    $('#folders ul li').draggable({
      cursor: 'move',
      drag: this.dragElement,
      revert: "invalid"
    });

    $('#folders li').droppable({
      drop: this.cardDrop,
    });
  }
$('#folders li').droppable({
    drop: this.cardDrop,
    greedy: true
});