表中沒有顯示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在錯誤的文件中，並且該文件沒有加載在我點擊按鈕的視圖中。愚蠢的錯誤。