Question

您好我想避免重叠div。我的css，脚本和HTML

///css
#body {
    background-image: url('images/marginup.jpg');
    height: 734px;
    width: 640px;
}

#body2 {
    background-image: url('images/margindown.jpg');
    height: 100px;
    width: 640px;
}
#drag1 {
    width: 636px;
    height: 107px;
    background-image: url('images/caliperupleft.png');
    background-repeat: no-repeat;
}
#drag2 {
    width: 636px;
    height: 107px;
    background-image: url('images/caliperdownleft.png');
    background-repeat: no-repeat;
}
#drag4 {
    margin-left: 430px;
    margin-top: 102px
}
#drag5 {
    margin-left: 432px;
    margin-top: -50px
}

//// my script

$(document).ready(function() {
        $("#drag3").hide();
        $(".draggable").draggable({
            containment : "parent"

        });


        $(document).mousemove(function(e){
      $('#status').html(e.pageX +', '+ e.pageY);
   }); 

    });


/// my html body

                       .<div id="drag1" class="draggable" >
                <img id="drag4" src="images\caliperupright.png"></img>
            </div>

            <div id="drag2" class="draggable">

                <img id="drag5" src="images\caliperdownright.png"></img>
            </div>

我想在体内拖动两个div的内容。但是当它们相遇时，应该停止拖动（不是在鼠标上但拖动时）。我尝试为ondrag编写一个函数来停止拖动时重叠发生，但没有奏效。请帮助。

Answer 1

此网站可能会为您提供一些答案。

http://www.switchonthecode.com/tutorials/javascript-draggable-elements

可拖动对象具有参数控制。

祝你好运！

在拖动条件下避免在css，jquery中重叠DIV

1 个答案: