Mysql
 sql >> Base de données >  >> RDS >> Mysql

DataTables page 2 de la pagination n'appelant pas Magnific Popup

CAUSE

Seuls les éléments de première page sont disponibles dans DOM, c'est pourquoi votre sélecteur jQuery $('.popup-ajax') ne sélectionne pas les éléments des pages autres que first.

SOLUTION

Vous devez initialiser Magnific Popup dans le rappel défini par drawCallback option. Cette fonction sera appelée à chaque fois que le tableau aura été redessiné.

Par exemple :

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

LIENS

Voir jQuery DataTables :Le contrôle personnalisé ne fonctionne pas sur la deuxième page et après pour plus d'exemples et de détails.