2011-11-16 24 views
2

如何做,當第一個div拖拖2個格,第二個div拖過如何在時間

第一個div與jQuery UI的拖動

<div id="draggable" style="position: absolute; z-index: 999; width: 100px; height: 100px; background: orange;"></div> 
<div id="xren" style="position: absolute; z-index: 998; width: 100px; height: 100px; background: orange;"></div> 

<script type="text/javascript"> 
    var a = $('#draggable').offset(); 
$('#xren').css("top", a.top + 100 + "px"); 
$('#xren').css("left", a.left + 100 + "px"); 

,但它不工作

enter image description here

第一個div與jQuery UI的拖累

$("#div1").bind("drag", function(){ 
    var offset = $(this).offset(); 
    $("#div2").css({ left : offset.left, top: offset.top}); 
}); 

和周圍的其他方式:當第一個div拖動

+3

任何理由,不只是把它們變成一個單一的dragable DIV? – Chris

+0

@Chris當然..他會說是的。 – Exception

+0

@ user1008575:通常會有一個很好的理由,但如果明顯的解決方案是無效的,那麼我們顯然還沒有得到完整的問題,所以錯過了一個明顯的答案或者錯過了一些有用的細節。所以要麼回答問題,要麼問題可以變得更好。 – Chris

回答

5

喜歡的東西3210秒格拖動。

+0

謝謝..................... :) –

1

您必須在div上設置正確的位置屬性,然後才能移動元素。 見/ 2 & /0.5這是定義比率的分頻器。

HTML

<div id="div1">AAA</div> 
<div style="position: absolute;"> 
    <div id="div2" style="position:relative">BBB</div> 
</div> 

JS

$("#div1").draggable({ 
    drag: function(event, ui) { 
     var offset = ui.offset; 
     $("#div2").css({ left : offset.left /2, top: offset.top/0.5}); 
    } 
}); 

樣品:http://jsfiddle.net/jmav/uj6T6/