कारण
DOM में केवल प्रथम पृष्ठ तत्व उपलब्ध हैं, इसलिए आपका jQuery चयनकर्ता $('.popup-ajax')
पहले के अलावा अन्य पृष्ठों से तत्वों का चयन नहीं करता है।
समाधान
आपको drawCallback
द्वारा परिभाषित कॉलबैक के अंदर शानदार पॉपअप को इनिशियलाइज़ करना होगा
विकल्प। इस फ़ंक्शन को हर बार टेबल को फिर से तैयार करने पर कॉल किया जाएगा।
उदाहरण के लिए:
var table = $('#example').DataTable({
// ... skipped ...
drawCallback: function(){
$('.popup-ajax').magnificPopup({
type: 'ajax',
showCloseBtn: 'true',
modal: 'true'
});
}
});
लिंक्स
देखें jQuery DataTables:कस्टम नियंत्रण दूसरे पृष्ठ पर और उसके बाद काम नहीं करता है अधिक उदाहरणों और विवरण के लिए।