我在我的 droppable 上添加了 greedy:true 选项,但是在将元素拖入子元素后,父元素没有响应。我认为是 jqueryui 的问题。
要重现将元素放入子元素,然后尝试将另一个元素直接放入父元素(不先越过子元素),父元素不会是边框:绿色(未调用 over 函数)
$("#right, #right *").droppable({
greedy:true,
tolerance:"pointer",
cursor:"pointer",
drop: function(event, ui) {
if ($(this).attr("id")!="right") $(this).css("height","auto");
$(this).css("border","3px solid blue");
$("<div>appended</div>").appendTo(this);
},
over: function(event, ui) {
$(this).css("border","3px solid green"); //this is failing in the parent
},
out: function(event, ui) {
$(this).css("border","3px solid blue");
}
});