javascript - ajax页面加载后jquery代码停止工作

Question

jquery 代码在 ajax 页面加载后停止工作。

最初，当页面加载时，加载了 20 个产品并且此脚本可以工作，但在切换到另一个包含 ajax 加载的产品的页面后，此代码停止工作

(function($){
    $(document).ready(function(){
        $(".variable-item.image-variable-item").on("click", function(){
            if($(this).parents('.jet-woo-product-button').length){
                let btn = $(this).parents('.jet-woo-product-button').find('.add_to_cart_button');
                if(btn.length){
                    btn.click();
                    btn.click(function(){
                        btn.data('clicked', true);
                    });
                    setTimeout(function(){
                        if(btn.data('clicked') != true){
                            btn.click();
                        }
                        btn.data('clicked', false);
                    }, 500);
                }
            } else if($(this).parents('.variations_form').find('.single_add_to_cart_button').length){
                let btn = $(this).parents('.variations_form').find('.single_add_to_cart_button');
                if(btn.length){
                    setTimeout(function(){
                        btn.click(); 
                    }, 500);
                }
            }
        });
    });
})



(jQuery);

标签： javascriptajax