Question

我正在尝试使用jquery在对话框中打开聊天门户。

这是我的代码

<img class="chatBtn" id="chat_btn" style="margin-top: 10px; margin-left: 10px" src="images/colored_livecha.png" alt="" width="80" height="33" />

jQuery('.chatBtn').click(function() {
  var dlg = jQuery('#chat_btn').dialog({
    autoOpen: 'false',
    modal: 'true',
    minHeight:'300px',
    minWidth: '300px'
  });

  dlg.load('chat.php', function(){
    dlg.dialog('open');
  });
});

然而，点击没有任何反应。需要进行哪些修改？

Answer 1

您需要将其包装在脚本标记中。

 <script>
jQuery('.chatBtn').click(function() 
{

  var dlg = jQuery('#chat_btn').dialog(
    {
 autoOpen: 'false',
  modal: 'true',
  minHeight:'300px',
  minWidth: '300px'
  });

dlg.load('chat.php', function(){
         dlg.dialog('open');
     });
});
 </script>

另一个问题是，jQuery包含在头部或页面的某个位置？

Answer 2

最简单的方法是使用PHP获取数据库中的信息，并填充UI表。主要缺点是加载时间。如果您发现页面加载时间过长，那么您可能需要查看jQuery的.ajax（）

Answer 3

我认为你需要引用jquery库：

HREF =＆＃34; // code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css
SRC =＆＃34; // code.jquery.com/jquery-1.10.2.js"
SRC =＆＃34; // code.jquery.com/ui/1.10.4/jquery-ui.js"
的rel =＆＃34;样式表＆＃34; HREF =＆＃34; /resources/demos/style.css"

使用php内容在jquery中打开一个对话框

3 个答案: