JQuery UI对话框 - *对话框不是函数*错误

kar*_*ikq 17 jquery jquery-ui jquery-ui-dialog

我正在使用pinax开发一个网站.在我的一个模板中,我试图打开一个简单的jquery对话框.但是我一直得到"Dialog not a function"javascript错误.我使用的是jquery 1.2.6和jquery-ui 1.6.我的javascript和HTML如下:

<html>
<head>
<link type="text/css" href="/site_media/smoothness/ui.all.css" rel="stylesheet" />
<script src="/site_media/jquery.js" type="text/javascript"></script>
<script src="/site_media/ui/ui.core.js" type="text/javascript"></script>
<script src="/site_media/ui/ui.draggable.js" type="text/javascript"></script>
<script src="/site_media/ui/ui.resizeable.js" type="text/javascript"></script>
<script src="/site_media/ui/ui.dialog.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
                    $('#dialogbox').dialog();
            });
 </script>
 </head>
 <body>
   <div id="dialogbox" title="dialog title">
     <p>Test dialog</p>
   </div>
 </body>
 </html>
Run Code Online (Sandbox Code Playgroud)

有人可以解释为什么会这样吗?

Dou*_*ner 36

我试图通过使用公共谷歌版本和从jQuery UI网站下载旧版(1.6)并手动包含文件来复制错误.都没有引起问题(http://jsbin.com/uloqi看它工作).

所以,这意味着以下之一可能会解决您的问题:

  1. 使用Firebug for Firefox等工具验证是否包含每个JS文件.
  2. 确保页面上没有可能导致错误的其他JS.
  3. 确认您已下载文件的正确版本.

我不知道还有什么告诉你,因为你粘贴的代码,当与正确的文件配对,完美的工作.

  • 道格,我的另一个JS文件包含在我的页面中,导致了这个问题.我需要多喝咖啡因. (9认同)
  • +1 2.nd积分帮助了我.2X jquery库添加到同一文档中. (6认同)