使用jquery对话框时出错?

时间:2010-08-08 01:55:21

标签: jquery jquery-ui

每次我尝试使用jquery对话框时,使用firebug进行调试时会出现错误null,这里是代码

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>

    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
      <script>
      $(document).ready(function() {
        $("#dialog").dialog();
      });
      </script>

    <div id="dialog" title="Dialog Title">I'm in a dialog</div>

2 个答案:

答案 0 :(得分:2)

可能是您的jQuery.js文件不存在于该路径中。将其替换为Google托管的。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

此外,您应该将<script type="text/javascript"></script>添加到您的jQuery代码中。

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function() {
    $("#dialog").dialog();
  });
  </script>

<div id="dialog" title="Dialog Title">I'm in a dialog</div>

答案 1 :(得分:0)

您的<link>元素未关闭。我猜它是以某种方式拾取并压缩对话框div,因为我认为链接标记中的任何内容都会被忽略而不会放在DOM上。