Question

我有2个名为 drop 和 drop1 的可放置div，以及2个名为 drag1 和 drag2 的可拖动元素。当drag1和drag2都在drop和drop1中时，我想发出警报。意思是，两个div都有drag1和drag2。

但是因为我在每个div的单独函数中完成它，我似乎无法使条件一起出现。我如何检测这两个div都被drag1和drag2占用并且仅在发生时才发出警报？

使用Javascript：

$(".drop").droppable({
                    drop: function (event, ui) {
                        if ($("#drag1, #drag1", $(".drop")).length === 2) {
                          alert("correct");
                        }
});

$(".drop1").droppable({
                    drop: function (event, ui) {
                        if ($("#drag1, #drag2", $(".drop1")).length === 2) {
                          alert("correct");
                         }
});

HTML：

<img id="drag1" draggable="true" src="images/equation1_3.png">
<img  id="drag2" draggable="true" src="images/equation1_2.png">

<div class="drop" id="div1"></div>
<div class="drop1" id="div2"> </div>

Answer 1

$(".drop1, .drop").droppable({
    drop: function (event, ui) {
    if ($("#drag1, #drag2", $(".drop1")).length === 2 && $("#drag1, #drag2", $(".drop")).length === 2) {
      alert("correct");
    }
});

您是否尝试在两个div上初始化事件？

拖放的不同div的条件

1 个答案: