Question

我对使用（JQuery（Ui））实现拖动多个选定元素的最佳方式感兴趣。

目前我正在使用这段代码

// Make all divs inside draggableArea draggable

$("#dragableArea div").draggable({

     start : function() {

     }

     drag : function() {
          // Calculate position of other selected elements here
          // by hand
     }

     stop : function() {

     }

});

我很想知道是否有更好的方法来实现同样的目标？我想在所有选定的项目上触发拖动事件，以便在拖动任何项目时它们自动移动。是否有可能，如果是，如何（至少在理论上）？

Answer 1

试试这个：http://jsfiddle.net/maniator/zVZFq/5/

根据我的回答（和评论）：How do I drag multiple elements at once with JavaScript or jQuery?

单击以激活多拖动。

Answer 2

这是基于Neal解决方案的工作组移动，但可能更具可读性（无论如何）和评论：http://jsfiddle.net/stevea/CrJbQ/。它的工作方式类似于图形程序的“组”功能。单击要分组的框。这使他们进入“团体飞机”。通过拖动组平面或任何分组框来移动组平面。单击组平面以取消组合分组的框，将它们保留在新位置。

<div id='box1' class='box'></div>
<div id='box2' class='box'></div>
<div id='box3' class='box'></div>
<div id='box4' class='box'></div>
<div id='group'></div>  // group plane

拖动多个选定元素

2 个答案: