表中没有显示Jquery弹出

Question

我可能在某处有一个愚蠢的错误，但我正在学习。

我有一个是动态地从数据库加载一个表，每一行都有自己的ID 现在该表中我有这样的：

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

然后在脚本标记下我有这个

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

    }); 

与此按钮相同的td中有另一个按钮。而当我点击这个时候什么也没有发生，但是如果我连续几次按这个按钮很快就会打开另一个。这不是我预期的行为。

Answer 1

我意识到我的问题。我有我的js在错误的文件中，并且该文件没有加载在我点击按钮的视图中。愚蠢的错误。