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

Using JQuery ON with Plugins for Dynamic Elements

本文关键字：插件 一起 元素 动态 JQuery ON      更新时间：2023-09-26

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

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

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

只需使用 $（'.pix'）.magnificPopup 即可处理现有元素。

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

尝试livequery插件

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

用法 

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