我有多个拖放(jquery-ui)。在分隔的 div 中。当我将可拖动对象拖放到可拖放对象之外,然后再次将其拖放到可拖放对象上时,只有一次性将其放下时,它才会提供反馈(如文本或警报)。它确实会一直捕捉到放置区域。
$(function() {
$( "#eeneen.drag" ).draggable({ snap: ".drop1", snapMode: "inner"});
$( ".drop1" ).droppable({
accept: "#eeneen.drag",
drop: function( event, ui ) {
$( this )
.addClass("goed")
.find( "p" )
.html( "Correct" );
alert ("correct");
}
});
});
每次拖放都会重复此操作。出于某种原因,它只会给出最后一个函数的视觉反馈,这就是我制作多个放置类的原因。
编辑:没有 .addClass 和 .find 仍然是同样的问题。
有任何想法吗?
最后编辑。一切正常。
$(function() {
$( "#eendrie.drag" ).draggable({ snap: ".drop3", snapMode: "inner"});
$( ".drop3" ).droppable({
accept: "#eendrie.drag",
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function( event, ui ) {
$( this )
.find( "p" )
$("#goed").toggle().hide(2000);
}
});
});
所以它有一个额外的 div 可以在成功放置后显示和隐藏。
我还定义了 .drag.ui-draggable 的高度和宽度。我想那做到了。