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

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

我可以通过应用“draggable”功能分别拖动它们。 我还可以在调用“拖动停止”功能时，通过将div1的left属性指定给leftdiv2的left属性来移动div2。 但这仅在拖动事件完成后发生

有没有一种方法可以使div2在拖动div1时始终与div1一起移动

请参考JSFIDLE链接以了解我正在尝试做什么：

这不管用吗？ 使用

拖动
事件：
尝试以下操作：


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

});​