将 JQuery ON 与用于动态元素的插件一起使用

Question

我正在尝试使用名为 Magnific Popup 的 JQuery 模态插件将 AJAX 内容加载到模态中。也就是说，这个问题实际上适用于任何可以绑定到元素的插件。

如何将插件绑定到动态元素？我已经尝试了以下基本代码，这些代码是我在回答另一个问题时发现的，但没有任何运气。我在 document.ready 和外部都试过了。

$(document).on('click', '.pix', function(){
    $(this).magnificPopup({
        type: 'ajax',
        alignTop: true,
        overflowY: 'scroll'
    });
});

只需使用 $('.pix').magnificPopup 即可对现有元素起作用。

编辑：我在上面的代码中看到了我的问题，我在点击时绑定了事件……但我需要在元素加载时绑定模态事件。但是怎么做呢？

Answer 1

试试livequery插件

https://plugins.jquery.com/livequery/

用法

$(".pix").livequery(function() {
    $(this).magnificPopup({
        type: 'ajax',
        alignTop: true,
        overflowY: 'scroll'
    });
});