如你所见：
http://jsfiddle.net/rA4CB/6/
当我在重叠区域中放下时,它被收到两个droppable,当项目是兄弟姐妹时,贪婪不起作用.有没有办法阻止zIndex下降的下拉列表的接收？
BTW,mouSEOver不会为可拖放元素触发,因为鼠标实际上位于draggable元素上方.
相关的JS：
$(function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
tolerance:'pointer',drop: function( event,ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
$( "#droppable2" ).droppable({
tolerance:'pointer',greedy:true,ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
});
解决方法
好的,所以我花了一个小时试图找出来,然后一问我就找到我的答案
http://jsfiddle.net/rA4CB/7/
将JS修改为以下内容：
$(function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
tolerance:'pointer',ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
},over: function(event,ui){
$( "#droppable" ).droppable( "disable" )
},out: function(event,ui){
$( "#droppable" ).droppable( "enable" )
}
});
});