jquery對話框沒有工作

-2

在我的代碼我有一個問題，當我添加jquery對話框它不工作，我有一個jquery自動完成js也添加和它工作正常。我試過，但是當按鈕（btn_view_p）點擊我想在一個對話框中打開DIV ID =「對話框」jquery對話框沒有工作

任何想法

這裏沒有

是代碼

<link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css"> 
<link rel="stylesheet" type="text/css" href="css/index.css"> 
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css"> 
    <script src="js/jquery.js"></script> 
    <script src="js/jquery-ui.js"></script> 
    <script src="js/jquery.autocomplete.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     //----------------------------------------------- 
     //------------------------------------------------------------------- 
     $("#p_s_name").autocomplete("get_reg_num.php", { 
      width: 260, 
      matchContains: true,   
      selectFirst: false 
     }); 
     $("#p_r_no").autocomplete("get_prisoners.php", { 
      width: 260, 
      matchContains: true,   
      selectFirst: false 
     }); 
     //--------------------------------------- 

     $("#dialog").dialog({ 
       autoOpen:false, 
       width:600, 
       height:300, 
       show:{ 
        effect:"blind", 
        duration:1000 
        }, 
       hide:{ 
        effect:"blind", 
        duration:1000 
        }  

      }); 
      $("#btn_view_p").click(function() { 
      $("#dialog").dialog("open"); 
     }); 
    }); 
    </script> 
    </head>

下面是HTML代碼

<div id="content"> 
<table width="874" border="0" align="center" cellpadding="0" cellspacing="0" id="tb1"> 
    <tr> 
    <td width="121">&nbsp;</td> 
    <td colspan="3">&nbsp;</td> 
    </tr> 
    <tr> 
    <td colspan="4" align="center"><h1>Find Prisoner</h1></td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td colspan="3">&nbsp;</td> 
    </tr> 
    <tr> 
    <td><p>Register Number</p></td> 
    <td width="349"><label> 
     <input type="text" name="p_s_name" id="p_s_name" class="backG"> 
    </label></td> 
    <td width="162"><p>Enter The Name</p></td> 
    <td width="242"><label> 
     <input type="text" name="p_r_no" id="p_r_no" class="backG"> 
    </label></td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td colspan="3">&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td><input type="button" name="btn_view_p" id="btn_view_p" value="Find"></td> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
</table> 

</div> 



    <div id="dialog"> 

    <table width="830" border="0" align="center" cellpadding="0" cellspacing="0"> 
     <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     </tr> 
     <tr> 
     <td colspan="2" align="center">Details Of The Prisoner</td> 
     </tr> 
     <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     </tr> 
     <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     </tr> 
     <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     </tr> 
     <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     </tr> 
    </table> 




    </div>

來源

2014-11-14 pran

定義「對話框不工作」。 – 2014-11-14 17:33:20

我沒有看到jQueryUI的CSS文件中。檢查控制檯是否有錯誤。

來源

2014-11-14 17:31:26 costinu

我已經包含jquery ui css文件 – pran 2014-11-14 18:17:50

什麼不起作用？ – costinu 2014-11-14 22:26:21

我測試了你的代碼並且正在工作。您是否檢查控制檯中的錯誤？ – costinu 2014-11-14 22:29:58

你錯過了代碼中的一些東西。首先是jquery-ui.css。 seo的事情是，你需要隱藏你的對話框的詳細信息。這裏是筆在其中我已經修改你的代碼，以便它的工作鏈接。

Linkfor Codepen//對不起，我錯了鏈接前面

建議：你爲什麼要使用表結構，我不知道。嘗試與Div合作。

來源

2014-11-14 18:01:42

jquery對話框沒有工作

回答

相關問題