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