2

我有多个拖放(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 的高度和宽度。我想那做到了。

4

0 回答 0