1

こんにちは、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>

ボディ内の2つのdivの中身をドラッグしたいのですが、ぶつかったらドラッグを止めるべきです(マウスアップ時ではなくドラッグ中)。ondragでオーバーラップ発生時にドラッグを止める関数を書いてみたのですが、うまくいきませんでした。助けてください。

4

1 に答える 1

0

このサイトに答えがあるかもしれません。

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

ドラッグ可能なオブジェクトにはパラメーター コントロールがあります。

幸運を！

于 2012-10-01T22:00:13.503 に答える