Question

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

我可以通过应用' draggable '功能单独拖动它们。此外，通过将 div1 的左属性分配给 div1 时移动 div2 > div2 的左属性，同时调用'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/

Answer 2

试试这个：

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

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

2 个答案: