Question

我目前正在使用MagnificPopup进行＆＃34;编辑＆＃34;形成。此表单的作用是允许用户编辑行。用户完成编辑后，会用更新的内容替换该行。

在更新的内容中，有一个＆＃34;编辑＆＃34;按钮将再次显示编辑表单。

我遇到的问题是，在编辑项目后，当点击同一项目上的编辑按钮时，由于＆＃34;编辑＆＃34;链接现在是动态内容。

这是我所指的代码，它打开弹出窗口：

$('.simple-ajax-popup').magnificPopup({
    type: 'ajax'
});

有没有办法用.on替换它，以便它正常工作？这些方面的东西：

$(document).on('magnificPopup', '.simple-ajax-popup', function (e) {
    type: 'ajax'
});

我似乎无法弄清楚如何在这里使用它。

我在文档中找到的最接近的是这段代码，这对我来说有点不清楚：

$('.image-link').on('mfpOpen', function(e /*, params */) {
  console.log('Popup opened',  $.magnificPopup.instance);
});

Answer 1

想出来了！

$(document).on('click', '.simple-ajax-popup', function (e) {

    e.preventDefault();

    $.magnificPopup.open({
        items: {
            src: $(this).attr('href')
        },
        type: 'ajax'
    });

});

jQuery Magnific Popup和.on

1 个答案: