解决AJAX动态加载内容中点击事件失效的问题：以迷你购物车移除按钮为例

// 确保DOM加载完毕后执行
$(document).ready(function() {

    // 假设 ajax_url 是你的AJAX处理端点
    // 例如：var ajax_url = '/wp-admin/admin-ajax.php'; // WordPress环境

    /**
     * 执行AJAX调用以从购物车中移除商品
     * @param {string} cartItemKey 待移除商品的唯一键
     */
    function removeCartItemViaAjax(cartItemKey) {
        if (!cartItemKey) {
            console.warn('尝试移除购物车项，但未提供有效的商品键。');
            return;
        }

        $.ajax({
            url: ajax_url, // 请确保 ajax_url 已正确定义
            type: 'post',
            data: {
                action: 'remove_from_cart', // 你的AJAX操作名称
                cart_item_key: cartItemKey
            },
            beforeSend: function() {
                console.log('正在发送移除购物车项请求...');
                // 可以在这里显示加载指示器
                $('.widget_shopping_cart_content').addClass('loading');
            },
            success: function(response) {
                // 假设 response 包含更新后的迷你购物车HTML内容
                // 使用 replaceWith 替换整个购物车内容区域
                $('.widget_shopping_cart_content').replaceWith(response);
                console.log('购物车内容已成功更新。');
                // 移除加载指示器
                $('.widget_shopping_cart_content').removeClass('loading');
                // 某些情况下，可能需要触发一个自定义事件来通知其他组件（如购物车总数）更新
                $(document.body).trigger('wc_fragments_refreshed'); // 模拟WooCommerce的刷新事件
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.error('移除购物车项失败:', textStatus, errorThrown);
                // 错误处理，例如显示错误消息给用户
                alert('移除商品失败，请稍后再试。');
                $('.widget_shopping_cart_content').removeClass('loading');
            }
        });
    }

    // 使用事件委托绑定点击事件
    // 将事件监听器绑定到 document.body，因为它是一个静态且不会被AJAX替换的元素。
    // '.widget_shopping_cart_content .remove_from_cart_button' 是实际触发点击的子元素选择器。
    $(document.body).on('click', '.widget_shopping_cart_content .remove_from_cart_button', function(e) {
        e.preventDefault(); // 阻止默认行为（如跳转到 # 链接）

        // 从点击的按钮中获取购物车项的键。
        // 假设购物车移除按钮的HTML结构类似：
        // <a href="#" class="remove_from_cart_button" data-cart_item_key="xyz123abc">移除</a>
        var cartItemKey = $(this).data('cart_item_key');

        if (cartItemKey) {
            removeCartItemViaAjax(cartItemKey);
        } else {
            console.error('无法获取购物车项键。请检查按钮的 data-cart_item_key 属性。');
        }
    });

    // 示例：如果需要初始化迷你购物车，可以放在这里
    // 例如：initMiniCart();

});