代码之家 › 专栏 › 技术社区 › irongirl

拖放不同div的条件

drag-and-drop html jquery javascript

irongirl · 技术社区 · 8 年前

我有两个可放下的div叫做和 绘图1 绘图2 . 我想在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");
                         }
});

<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>

1 回复 | 直到 8 年前

Developer107 8 年前

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

您是否尝试同时初始化两个div上的事件?

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前