当拖动一个div时，同时移动另一个div

Question

两个div位于不同的容器中。 我想在拖动container2中的div2时移动container1中的div1。 （div1和div2的“left”属性应始终保持相同） 我可以通过应用“draggable”函数单独拖动它们中的每一个。 同时，在调用“draggable stop”函数时，通过将div1的“left”属性分配给div2的“left”属性，我可以移动div2。但是，这仅在拖动事件完成后发生。

是否有一种方法，使得在拖动div1时div2始终与其一起移动？

请参考JSFiddle链接以了解我正在尝试做什么： http://jsfiddle.net/37Wkd/16/

- BlackCursor

Answer 1

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

});​

这个有用吗？使用 drag 事件： http://jqueryui.com/demos/draggable/

- sir_thursday

Answer 2

试试这个：

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

- Mat Richardson