将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'
    });
});