Javascript 如何同时拖动2个div
如何使第一个div拖动时,第二个div也拖动 使用jquery ui拖动第一个divJavascript 如何同时拖动2个div,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,如何使第一个div拖动时,第二个div也拖动 使用jquery ui拖动第一个div <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; hei
<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");
变量a=$('#可拖动').offset();
$('#xren').css(“top”,a.top+100+“px”);
$('#xren').css(“左”,a.left+100+“px”);
但它不起作用
使用jquery ui拖动第一个div&当第一个div拖动时拖动第二个div,类似于:
$("#div1").bind("drag", function(){
var offset = $(this).offset();
$("#div2").css({ left : offset.left, top: offset.top});
});
反之亦然。必须在div上设置正确的位置属性,然后才能移动元素。 参见/2和/0.5这是定义比率的除法器 HTML
示例:有没有理由不把它们放在一个可拖动的分区中?@Chris当然。。他会说是。@user1008575:通常会有一个很好的理由,但如果明显的解决方案无效,那么我们显然没有得到整个问题,因此要么遗漏了一个明显的答案,要么遗漏了问题中一些有用的细节。因此,要么问题得到了回答,要么问题可以变得更好。
<div id="div1">AAA</div>
<div style="position: absolute;">
<div id="div2" style="position:relative">BBB</div>
</div>
$("#div1").draggable({
drag: function(event, ui) {
var offset = ui.offset;
$("#div2").css({ left : offset.left /2, top: offset.top/0.5});
}
});