Ajax之后jQuery库没有触发

时间:2015-09-22 14:16:10

标签: javascript jquery ajax magnific-popup

我正在使用jQuery弹出脚本Magnific Popup。它在WooCommerce商店中运行良好,但是当我使用Ajax过滤器插件(YITH)过滤产品时,它会停止触发。我理解这是因为Ajax更改了页面,因此事件不再绑定到页面中的链接类,但不确定如何解决它。

根据我的阅读,我可以使用on,但我不确定这是如何适用于我触发下面的Magnific Popup脚本的方式。

jQuery('.product').magnificPopup({
    type:'inline',
    midClick: true,
    gallery:{
        enabled:false
    },
    delegate: 'a.wpb_wl_preview',
    removalDelay: 500, //delay removal by X to allow out-animation
    callbacks: {
        beforeOpen: function() {
           this.st.mainClass = this.st.el.attr('data-effect');
        }
    },
    closeOnContentClick: false,
});

1 个答案:

答案 0 :(得分:0)

谢谢大家。我发现有一个jQuery函数可以检测Ajax执行时的情况,如下所示。不确定这是否是最好的方法,所以有兴趣看到其他答案,但这有效。

jQuery(document).ajaxSuccess(function() {

 //code to trigger here

});