javascript - 在拖动一个 div 的同时，将另一个 div 与被拖动的 div 一起移动

Question

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

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

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

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

Answer 1

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

});​

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