Pendant que vous faites glisser un div, déplacez un autre div avec le div déplacé

Question

Deux divs sont présents dans différents conteneurs. Je veux déplacer le div1 dans container1 tout en faisant glisser div2 dans container2. (la propriété « gauche » devrait rester même pour div1 et div2 en tout temps)

Je suis en mesure de faire glisser individuellement chacun d'entre eux en appliquant « draggable » fonction. Aussi je suis en mesure de déplacer le div2 tout film div1 en affectant la gauche propriété de div1 à la gauche propriété de div2 tandis que la fonction « stop draggable » est appelé. Mais cela se produit uniquement après la fin de l'événement de déplacement.

Existe-t-il un moyen pour que div2 bouge avec div1 tout en faisant glisser div1?

S'il vous plaît consulter le lien jsFiddle pour comprendre ce que je suis en train de faire: http://jsfiddle.net/37Wkd/16/

Answer 1

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

});​ 

ça ne marche pas? Utilisation de l'événement drag: http://jqueryui.com/demos/draggable/

Answer 2

Essayez ceci:

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