拖动 div 时，将另一个 div 与拖动的 div 一起移动答案

【问题标题】：While dragging a div, move another div together with the dragged div拖动 div 时，将另一个 div 与拖动的 div 一起移动
【发布时间】：2012-08-23 20:33:52
【问题描述】：

两个 div 存在于不同的容器中。我想在 container1 中移动 div1，同时在 container2 中拖动 div2。（div1 和 div2 的 'left' 属性应始终保持不变）

我可以通过应用 'draggable' 功能单独拖动它们中的每一个。我还可以通过将 div1 的 left 属性分配给 来移动 div2 而电影 div1 div2 的 >left 属性，同时调用“可拖动停止”功能。但这只有在拖动事件完成后才会发生。

有没有办法让 div2 在拖动 div1 的同时一直和 div1 一起移动？

请参阅 JSFiddle 链接以了解我想要做什么： http://jsfiddle.net/37Wkd/16/

【问题讨论】：

标签： javascript jquery css jquery-ui jquery-ui-draggable

【解决方案1】：

$('#block1').draggable({
    axis: 'x',
    containment: '#container1',
    drag: function(){
        $('#block2').css('left',$(this).position().left);  
    }

});

这不起作用吗？使用drag 事件：http://jqueryui.com/demos/draggable/

【讨论】：

【解决方案2】：

试试这个：

http://jsfiddle.net/37Wkd/17/

【讨论】：