sql >> Base de Datos >  >> RDS >> Mysql

La página 2 de DataTables de la paginación no llama a Magnific Popup

CAUSA

Solo los elementos de la primera página están disponibles en DOM, es por eso que su selector jQuery $('.popup-ajax') no selecciona elementos de páginas que no sean la primera.

SOLUCIÓN

Debe inicializar Magnific Popup dentro de la devolución de llamada definida por drawCallback opción. Esta función se llamará cada vez que se vuelva a dibujar la tabla.

Por ejemplo:

var table = $('#example').DataTable({
   // ... skipped ...
   drawCallback: function(){
      $('.popup-ajax').magnificPopup({
         type: 'ajax',
         showCloseBtn: 'true',
         modal: 'true'
      });
   }
});

ENLACES

Ver jQuery DataTables:El control personalizado no funciona en la segunda página y después para más ejemplos y detalles.