javascript - While dragging a div, move another div together with the dragged div - Stack Overflow

admin管理员组

文章数量:1384375

Two divs are present in different containers. I want to move the div1 in container1 while dragging div2 in container2. (the 'left' property should remain same for div1 and div2 at all times)

I am able to individually drag each of them by applying 'draggable' function. Also I am able to move the div2 while movie div1 by assigning the left property of div1 to the left property of div2 while 'draggable stop' function is called. But this happens only when after the drag event is finished.

Is there a way so that the div2 will move together with div1 all the time while dragging div1?

Please refer to the JSFiddle link to understand what I am trying to do : /

Two divs are present in different containers. I want to move the div1 in container1 while dragging div2 in container2. (the 'left' property should remain same for div1 and div2 at all times)

I am able to individually drag each of them by applying 'draggable' function. Also I am able to move the div2 while movie div1 by assigning the left property of div1 to the left property of div2 while 'draggable stop' function is called. But this happens only when after the drag event is finished.

Is there a way so that the div2 will move together with div1 all the time while dragging div1?

Please refer to the JSFiddle link to understand what I am trying to do : http://jsfiddle/37Wkd/16/

• javascript
• jquery
• css
• jquery-ui
• jquery-ui-draggable

Share Improve this question Follow asked Aug 23, 2012 at 20:33 BlackCursorBlackCursor 1,49222 gold badges1717 silver badges2929 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

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

});​

Doesn't this work? Using the drag event: http://jqueryui./demos/draggable/

Try this:

http://jsfiddle/37Wkd/17/

本文标签： javascriptWhile dragging a divmove another div together with the dragged divStack Overflow