表中的Jquery弹出窗口没有显示出来

时间:2017-07-27 11:13:00

标签: jquery ajax popup

我可能在某个地方有一个愚蠢的错误,但我正在学习。

我有一个从DB动态加载的表,每行都有自己的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中还有另一个按钮。当我点击这一个没有任何反应时,但如果我这个按钮连续几次连续快速打开另一个按钮。这不是我期望的行为。

1 个答案:

答案 0 :(得分:0)

我意识到我的问题是什么。我把js放在了错误的文件中,并且在我点击按钮的视图中没有加载该文件。愚蠢的错误。