jQuery.remove() および array.splice() の問題

Question

アイテムのリストと買い物リストを含むページがあります。アイテムのリストから x 個のアイテムをショッピング リストに追加する場合は、ショッピング リスト内のアイテムをクリックし、それを開いたモーダルで削除を押して、それらを 1 つずつ削除してみてください。さて、ここで問題が発生します。これをもう一度実行しようとすると、たとえば、買い物リストに x 個のアイテムの別のセットを追加し、それらを 1 つずつ削除しようとします。モーダルの削除ボタンをクリックするとすぐに予測できない結果が発生します。ショッピング リストのすべてのアイテムが削除されるか、削除する必要があるアイテムとともに 2 つまたは 3 つのアイテムが削除されます。

これは単純な jQuery.remove() と array.splice ですが、機能させることができません。どうやら思ったよりも複雑だったので、いろいろ試してみました。

これはページです: http://bigbiz.io/pos/

＃＃＃前もって感謝します！

コードを再構築する

Answer 1

うまくいきました。これをブートストラップの「show」スクリプトに含めると、モーダル内の「delete」ボタンが複数回トリガーされます。ボタン スクリプトを外部に移動することが解決策です。