未捕获的TypeError:对象[object Object]没有方法'对话'

Question

我知道很多人都有这个问题,而且我已经看到了这些人的参考重复.但对我来说,我无法看到任何重复的东西.

这是我的代码:

HTML

<title>The HUB</title> <link rel="stylesheet" href="/css/styles.css" type="text/css" /> 
<link rel="stylesheet" href="/css/jquery.ui.all.css"> 
</head> 
<body> 
<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="/js/hub.js?n=1"></script> 
<script type="text/javascript" src="/js/testSignal.js"></script>  
<script type="text/javascript" src="/js/ui/jquery.ui.core.js"></script> 
<script type="text/javascript" src="/js/ui/jquery.ui.widget.js"></script>  
<script type="text/javascript" src="/js/ui/jquery.ui.mouse.js"></script>  
<script type="text/javascript" src="/js/ui/jquery.ui.draggable.js"></script> 
<div id="wrapper"> ....  <div id="dialog"><p>Some Text</p></div></div>

jQuery的

$(document).ready(function(){
    $("#dialog").dialog({ autoOpen: false });
    $("#testSignalBtn").click(function(){
        $("#dialog").dialog("open");
        return false;
    });
});

我试过重新排序所有的javscript文件,启用一些而不是其他等,它似乎没有工作.文件hub.js？n = 1确实使用jQuery并没有问题. - 这不是我写的文件,我从其他人手中接过这个文件.我试过禁用该文件,但我仍然遇到同样的问题.

以下是其他人对同一件事所说的内容:Uncaught TypeError:Object [object Object]没有方法'dialog',这里也是:jQuery Uncaught TypeError:Object [object Object]没有方法滑块

Answer 1

dialog就像draggable是一个小部件.如果要使用它,则必须包含它:

<script type="text/javascript" src="/js/ui/jquery.ui.dialog.js"></script>  

Answer 2

而不是拥有所有这些单独的文件,只需包含整个jQuery UI CDN链接:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>

只是在小提琴中尝试它,你所拥有的一切工作正常,它必须是一个缺少的.js文件.

http://jsfiddle.net/nU5TF/