Faites glisser div par une poignée non nestede

Dans la démo déplaçable de JQueryUI , je peux voir que vous pouvez attacher un descripteur à une DIV, mais si le descripteur n’est pas nested dans la DIV parent déplaçable, cela ne fonctionne pas, par exemple

   #hBlack { width:55px; height:55px; background-color: black; top:0px; } #hGreen { width:25px; height:25px; background-color: green; }   $(function() { $("#hBlack").draggable({handle:"#hGreen"}); });    

Ce qui précède ne fait pas de #hGreen le handle – mais ce qui suit:

 

Essentiellement, j’essaie de faire bouger un DIV quand un autre bouge – je suppose que vous pouvez le faire avec le nouvel utilitaire Position, mais pour un débutant comme moi, je le trouve mal documenté.

Une solution possible pourrait être d’avoir la poignée à l’intérieur, mais utilisez CSS pour la positionner à l’extérieur.

Javascript:

 $("#draggable").draggable({handle:"#handle"}); 

HTML:

  
draggable
handle

CSS:

 #draggable{ display: block; height: 300px; width: 600px; background-color: gray; } #handle{ display: block; height: 50px; width: 600px; background-color: green; position: relative; top: -30px; } 

Sinon, vous devrez peut-être faire quelque chose de similaire à un multisélectionnable déplaçable. Comment faire glisser plusieurs éléments à la fois avec JavaScript ou jQuery?