不同div的拖放条件

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 上的事件？