如何在当时拖动2个div

Ara*_*yan 2 html javascript css jquery jquery-ui

如何制作,当第一个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");
Run Code Online (Sandbox Code Playgroud)

但它不起作用

在此输入图像描述

当第一个div拖动时,第一个div与jquery ui和第二个div拖动

Nie*_*els 5

就像是:

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

反过来说.