编程语言
首页 > 编程语言> > javascript – 拖动div时,将另一个div与拖动的div一起移动

javascript – 拖动div时,将另一个div与拖动的div一起移动

作者:互联网

两个div存在于不同的容器中.
我想在container2中移动div1,同时在container2中拖动div2.
(‘left’属性应始终与div1和div2保持一致)

我可以通过应用’draggable’功能单独拖动它们.
此外,通过将div1的left属性赋值给div2的left属性,同时调用’draggable stop’函数,我可以在电影div1中移动div2.
但这只有在拖动事件结束后才会发生.

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

请参阅JSFiddle链接以了解我要做的事情:
http://jsfiddle.net/37Wkd/16/

解决方法:

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

});​

这不行吗?
使用拖动事件:http://jqueryui.com/demos/draggable/

标签:jquery,javascript,css,jquery-ui,jquery-ui-draggable
来源: https://codeday.me/bug/20190613/1232101.html