attraper l'événement 'hover' tout en faisant glisser

Question

J'utilise jQuery-ui draggable et droppable dans ma page. Fondamentalement, je suis en train de mettre en œuvre un accordéon, où vous pouvez faire glisser un élément d'une section et déposer dans un autre. Je n'utilise pas l'accordéon jquery-ui - je veux simplement révéler la section pertinente et cacher les autres quand le moment est venu (lorsque vous passez la souris sur un en-tête de section tout en faisant glisser). Le problème auquel je suis confronté est que l'événement hover ne semble pas fonctionner pendant le déplacement. la deuxième chose que j'ai essayée était de placer les en-têtes de section comme droppable et de mettre en application la fonction de rappel 'over'. le problème est qu'il semble y avoir un problème avec l'emplacement dynamique des gouttes - lorsque l'en-tête de la section se déplace (par exemple, la section ci-dessus a été révélée et a poussé l'en-tête de la section vers le bas) des idées?

Answer 1

est ici comment je l'ai résolu:

1. set {refreshPostions: true} dans les options draggable (ce qui nuit à la performance un peu, mais je l'ai vu aucun autre moyen)
2. ensemble dans le largable:

over: function() {$("#accordion").accordion('activate', $("#accordion .header").index(this))

Answer 2

Vous pouvez changer votre interface utilisateur pour que les parties qui vous permettent de changer de section ne bougent pas elles-mêmes. Par conséquent, vous pouvez avoir des liens de navigation ou des onglets, car ceux-ci seront statiques. Un utilisateur fait glisser un élément sur l'onglet, le nouvel onglet s'ouvre maintenant, et ils peuvent ensuite le déposer au bon endroit.