Jquery popup dans le tableau n'apparaissant pas

Question

J'ai probablement une erreur stupide quelque part, mais j'apprends.

J'ai une table qui est dynamicly chargé de DB et chaque ligne a son propre ID Maintenant dans ce tableau je présente:

<button type="button" class="btn preview" data-id="'.$var['id'].'"> 
<i class="fa fa-eye"></button> 

puis dans les balises de script bas j'ai cette

$(document).ready(function() {   

      $('#pop_up').dialog({ 
      title: "Title", 
      resizable: true, 
      autoOpen:false, 
      modal: true, 
      width:"350px", 
      height:"350px", 
      buttons: { 
       text:"Close", 
       click: function() { 
       $(this).dialog("close"); 
              }} 
     }); 
     $('#table_id').on('click', '.preview', function() { 
       var uid = $(this).attr('data-id'); 
       $('#pop_up').load("filename.php?uid="+uid, function(){ 
        $('#pop_up').dialog('open'); 
       }); 
     }); 

    }); 

il y a un autre bouton dans le même td que ce bouton. Et quand je clique sur celui-ci, il ne se passe rien, mais si je touche ce bouton plusieurs fois de suite rapidement l'autre s'ouvre. Ce n'est pas le comportement que je m'attendais.

Answer 1

J'ai réalisé quel était mon problème. J'avais mes js dans le mauvais fichier et ce fichier n'était pas chargé dans la vue où je cliquais sur le bouton. Erreur stupide.