调用两次droppable方法的Jquery drop回调
我对以下事件有一个看法。视图Id为“文件夹块”。 我的元素是视图,如下所示:调用两次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只
<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
});