jQuery UI: lors du repository, attachez la div à sa cible largable

Je suis nouveau sur jQuery et jQuery UI. J’essaie de déplacer une div d’une division parent à une autre. Jusqu’à présent, mon “article” est déplaçable. Le stock “droppable” identifie correctement l’article lorsqu’il se déplace au-dessus, mais je n’arrive pas à trouver comment attacher cet article au stock.

Je pense que je manipule un “div encapsulant dans un object jQuery”, mais je suis un peu perdu ici.

article

Ensuite, j’ai un script destiné à append l’article à la division d’actions et à le supprimer de la bibliothèque:

  $('.article').draggable(); var stockArea = $('#stock').droppable(); stockArea.bind( "drop", function(event, ui) { if ($(this).find(".article")){ console.log('appending ' + ui); $(this).append(ui); } });  

Est-ce que je fais mal? Merci,

L’interface utilisateur elle-même contient des arguments d’événement. Ce que vous devez faire pour effectuer l’action que vous voulez, c’est:

  

Update ui.draggable est la référence à un élément spécifique.