javascript - 如何同时拖动2个div

Question

如何制作，当第一个div拖动时，第二个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");

但是没用

第一个 div 使用 jquery ui 拖动，第二个 div 在第一个 div 拖动时拖动

Answer 1

类似于:

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

反之亦然。