Problèmes jQuery.remove() et array.splice()

Question

J'ai donc une page avec une liste d'articles et une liste de courses. Si vous ajoutez un nombre x d'articles de la liste d'articles à la liste de courses, essayez de les supprimer un par un en cliquant sur l'élément dans la liste de courses et en appuyant sur Supprimer sur le modal qui l'a ouvert - la première fois. Maintenant, voici le problème : si vous essayez de recommencer, par exemple, ajoutez un autre ensemble d'un nombre x d'articles à la liste de courses, puis essayez de les supprimer à nouveau un par un. J'obtiens des résultats imprévisibles dès que vous cliquez sur le bouton Supprimer du modal, cela supprime tous les éléments de la liste de courses ou supprime 2 ou 3 éléments ainsi que les éléments que vous devez supprimer.

Il s'agit d'un simple jQuery.remove() et array.splice mais je n'arrive pas à le faire fonctionner. Apparemment, c'était plus compliqué que je ne le pensais et j'ai essayé beaucoup d'approches différentes.

Voici la page : http://bigbiz.io/pos/

Merci d'avance !

Code de refactorisation

Answer 1

Je l'ai fait fonctionner. Lorsque j'inclus ceci dans le script d'amorçage "show", le bouton "supprimer" dans le modal est déclenché plusieurs fois. Déplacer le script du bouton vers l'extérieur est la solution.