相对于另一个移动div

时间:2012-11-04 14:47:47

标签: jquery jquery-ui html

我不知道如何制定这个问题但是 基本上我的问题如下:我有2个可拖动的div,我希望它们之间由较小的div链接。因此,假设div A是位置0处的正方形,div B是位置10处的另一个正方形。我如何将div C放在它们之间,这样如果我移动div B或A,则C保持在它们之间。

来自:

A - - - - C - - - - B

到这个

A
  -
    -
      - 
        -
          C
             -
               -
                 -
                   -
                     B

div甚至可以实现吗?

1 个答案:

答案 0 :(得分:1)

基本算法是:

xCoord_ofC = (xCoord_ofA + xCoord_ofB) / 2;
yCoord_ofC = (yCoord_ofA + yCoord_ofB) / 2;

如果您使用的是jQuery UI,则可以在drag侦听器中执行此操作。