[英]how to drag 2 div at the time
如何制作,当第一格拖动时,第二格也拖动
第一个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拖动时
就像是:
$("#div1").bind("drag", function(){
var offset = $(this).offset();
$("#div2").css({ left : offset.left, top: offset.top});
});
反之亦然。
您必须在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});
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.