jQuery購物車刪除彈窗

在購物車應用中，用戶有可能會需要刪除某個商品，但是這樣的操作有時候會不小心誤刪商品，因此在這里我們需要加入刪除操作的二次確認彈窗。

以下是具體實現(xiàn)代碼：

// 刪除商品按鈕的點擊事件
$('.delete-btn').on('click', function() {
// 獲取該商品的ID
var productId = $(this).data('id');
// 彈出二次確認彈窗
var r = confirm('確定要刪除該商品嗎？');
if (r == true) {
// 如果用戶點擊確定，就執(zhí)行刪除操作
deleteProduct(productId);
}
});
// 刪除商品的函數(shù)
function deleteProduct(productId) {
// 在這里執(zhí)行刪除操作，如發(fā)送ajax請求
// 刪除成功后，刷新購物車列表
refreshCart();
}

在上面的代碼中，我們首先將所有商品的刪除按鈕綁定了一個點擊事件，然后在點擊時獲取該商品的ID。接著，我們彈出二次確認彈窗，如果用戶點擊確定，就執(zhí)行刪除操作。

最后，在刪除商品成功后，我們還調(diào)用了一個refreshCart()函數(shù)來刷新購物車列表。