jQuery Drag - 将div绑定到draggable div

Question

我刚刚发布了一个问题，但我认为我应该将其改为更一般的问题。基本上，我有一个元素，你可以移动并使用jQuery调整大小。使用CSS，我在它的右边附加了另一个div。当您第一次加载页面时，它正好在它应该的位置。但是，当我开始拖动或调整可拖动div的大小时，最初附加到它的那个div保持原样。

有没有办法将这个div绑定到另一个div，以便它随之移动？最好不要将它放在容器中，因为考虑到我的网站的性质，这会使更多事情复杂化

Answer 1

没有使用容器就没办法做到这一点，但是你不需要容器中的两个元素;你只需要“追随者”成为可拖动div的孩子。

确保“follower”div是标记中可拖动div的子代：

<div class="draggable">
    <p>I'm draggable...</p>
    <div class="follower">I follow</div>
</div>

在CSS中，在外部div上设置位置，但不指定任何偏移：

.draggable { position: relative; }

然后，定位内部div，并从父级给它偏移。您可以将内部定位为绝对或相对 - 在这两种情况下，它将相对于具有位置的最近容器定位自己，在这种情况下是父可拖动的：

.follower { 
    position: absolute; 
    top: 0;
    right: 20px;
    etc...
}