如何使两个DIV可拖动？ [英] How to make two DIVs draggable?

问题描述

说我有Div1和Div2。我想在用户拖动Div1时使用，Div2也应该拖动。我有什么想法吗？

Say I have Div1 and Div2. I want to make that when a user is dragging around Div1, Div2 should also drag along. Any ideas how do I make it?

这是我到目前为止所得到的......

Here's what I got so far...

$(document).ready(function() {
    $("#apDiv1").draggable();
    $("#apDiv2").draggable(); //<- how do I link it do Div1 ?
});

EDIT -------------------- ----------------------------------------------

EDIT ------------------------------------------------------------------

谢谢，我调查了这些文档，到目前为止：

Thanks, I looked into the docs and got so far:

  <script>
$(document).ready(function() {
    $("#apDiv1").draggable();
  });

$( "#apDiv1" ).bind( "drag", function(event, ui) {
                $( "#apDiv2" ).css({ top: event.offsetY, left: event.offsetX });

  </script>

似乎是对的，但是......嗯，不是'工作。任何想法？

Seems to be right, but... hmm, isn't' working. any ideas?

推荐答案

关于你的编辑我'我做了一些可以在这里查看的更改 http://jsfiddle.net/9FrXr/2/

Regarding your edit I've made some changes that can be viewed here http://jsfiddle.net/9FrXr/2/

你没有关闭drag绑定而不是event.offsetY和event.offsetX我使用了ui.offset.top和ui.offset.x拖动绑定也已移入document.ready函数。

You weren't closing the "drag" bind and instead of event.offsetY and event.offsetX I've used ui.offset.top and ui.offset.x. The drag bind has also been moved into the document.ready function.

$("#apDiv1").bind( "drag", function(event, ui) {
    div.css({ top: ui.offset.top + 52, left: ui.offset.left });
});

这篇关于如何使两个DIV可拖动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！