Magnific Popup，回调后无法触发ajax内容的功能

Question

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

这是我的代码：

     $('.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

在将内容添加到DOM之前，

parseAjax回调会触发。使用updateStatus回调，或添加一个短暂的超时。

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

另外，您可以将JS逻辑放在ajax文件中。