解决AJAX更新后动态元素事件失效问题：以迷你购物车移除按钮为例

$(document).ready(function() {
    // 假设这是您的AJAX端点，用于处理购物车操作
    const ajax_url = 'your_ajax_handler_url'; // 请替换为您的实际AJAX处理URL

    /**
     * 更新迷你购物车内容的AJAX函数。
     * 在移除商品后，通常需要调用此函数来刷新迷你购物车显示。
     */
    function updateMiniCartDisplay() {
        $.ajax({
            url: ajax_url,
            type: 'post',
            data: { action: 'refresh_mini_cart' }, // 假设有一个刷新迷你购物车内容的action
            beforeSend: function() {
                console.log('正在刷新迷你购物车内容...');
                // 可以添加加载动画
            },
            success: function(response) {
                // 替换迷你购物车内容区域。
                // 假设 'response' 包含新的 '.widget_shopping_cart_content' HTML。
                // 确保您的AJAX响应返回了完整的、更新后的购物车内容HTML。
                $('.widget_shopping_cart_content').replaceWith(response);
                console.log('迷你购物车内容已更新。');
            },
            error: function(xhr, status, error) {
                console.error('刷新迷你购物车失败:', error);
            }
        });
    }

    /**
     * 移除购物车项的AJAX函数。
     * 接收购物车项的key作为参数。
     */
    function removeCartItem(itemKey) {
        $.ajax({
            url: ajax_url,
            type: 'post',
            data: { action: 'remove_from_cart', 'cart_item_key': itemKey },
            beforeSend: function() {
                console.log('正在移除购物车项:', itemKey);
                // 可以添加加载动画
            },
            success: function(response) {
                console.log('购物车项已移除。');
                // 移除成功后，立即更新迷你购物车显示
                updateMiniCartDisplay();
            },
            error: function(xhr, status, error) {
                console.error('移除购物车项失败:', error);
            }
        });
    }

    // 使用事件委托为动态加载的移除按钮添加点击事件
    // 将事件绑定到 document.body，因为它在页面生命周期中是静态不变的。
    // '.widget_shopping_cart_content .remove_from_cart_button' 是实际目标元素的选择器。
    $(document.body).on('click', '.widget_shopping_cart_content .remove_from_cart_button', function(e) {
        e.preventDefault(); // 阻止按钮的默认行为（例如，如果是链接则阻止跳转）

        console.log('移除按钮被点击！');

        // 从被点击的按钮或其父元素中获取购物车项的key
        // 假设移除按钮有一个 data-cart_item_key 属性来存储购物车项的key
        var cartItemKey = $(this).data('cart_item_key');

        if (cartItemKey) {
            removeCartItem(cartItemKey); // 调用移除购物车项的AJAX函数
        } else {
            console.warn('无法获取购物车项key，请检查HTML结构或data属性。');
            // 可以在这里添加错误处理或用户提示
        }
    });

    // 如果迷你购物车在页面初始加载时就存在，并且可能需要刷新
    // updateMiniCartDisplay();
});