Question

我有多个拖放（jquery-ui）。在分开的div中。当我拖动拖动器并将其拖放到droppable外部然后将其再次拖动并将其放在droppable上时，只有当你一次性放下它时它才会提供反馈（如文本或警报）。它确实一直在捕捉下降区域。

 $(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");

        }
    });
});

每次拖放都会重复此操作。出于某种原因，它只会给出最后一个函数的视觉反馈，这就是我制作多个drop class的原因。

编辑：没有.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的高度和宽度。我想这样做了。

.droppable不提供第二次掉落的视觉反馈

0 个答案: