jQuery Magnific Popup和.on

Question

我目前使用MagnificPopup進行「編輯」表單。這種形式所做的是允許用戶編輯一行。用戶完成編輯後，會用更新的內容替換該行。

在更新的內容中，有一個「編輯」按鈕，它將再次顯示編輯表單。

我遇到的問題是編輯項目後，當點擊同一項目上的編輯按鈕時，由於「編輯」鏈接現在是動態內容，它不會打開表單。

這裏是我指的是代碼，這將打開彈出：

$('.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' 
    }); 

});