jquery - Magnific Popup，回调后无法在 ajax 内容上触发函数

Question

我试图在这个灯箱的 ajax 调用之后触发幻灯片，但没有运气。似乎在 html 注入之前触发了 parseAjax 回调，这是真的吗？

这是我的代码：

     $('.image-link').magnificPopup({
    type:'ajax',
    callbacks: {

        parseAjax: function(jqXHR) {

            var newSlider = $('body')
                .find('.ajaxSlider')
                .royalSlider({
                   // options
                }).data('royalSlider');

        },
        close: function() {

            newSlider.destroy();

        }

    }

 });

<div class="ajaxSlider"></div> // fyo this is ajax content

任何的想法？谢谢！

Answer 1

parseAjax在将内容添加到 DOM 之前触发回调。使用updateStatus回调，或添加一个短暂的超时。

updateStatus: function(data) {
    if(data.status === 'ready') {
        //
    }
}

此外，您可以将 JS 逻辑放入 ajax 文件中。