jQuery.remove() 和 array.splice() 問題

Question

所以我有一個頁面，其中有一個項目清單和一個購物清單。如果您將項目清單中的 x 個項目新增至購物清單中，請嘗試透過點擊購物清單中的項目並在開啟它的模式上點擊刪除來逐一刪除它們 - 第一次。現在問題來了，如果您嘗試再次執行此操作，例如將另一組 x 數量的商品添加到購物清單中，然後嘗試再次將它們逐一刪除。一旦您點擊模式上的刪除按鈕，我就會得到不可預測的結果，它要么刪除所有購物清單項目，要么刪除 2 或 3 個項目以及您應該刪除的項目。

這是一個簡單的 jQuery.remove() 和 array.splice，但我無法讓它工作。顯然它比我想像的要複雜，我嘗試了很多不同的方法。

這是頁面： http://bigbiz.io/pos/

提前致謝！

重構程式碼

Answer 1

我讓它工作了。當我將其包含在引導「顯示」腳本中時，模式內的「刪除」按鈕被多次觸發。將按鈕腳本移到外部就是解決方案。