2012-08-17 46 views
1

我知道很多人都遇到过这个问题,我已经看到了这些人的参考重复。但对我来说,我看不到任何重复的东西。Uncaught TypeError:Object [object Object] has no method'dialog'

这里是我的代码:

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] has no method 'dialog'这里太:jQuery Uncaught TypeError: Object[object Object] has no method slider

+1

对不起,如果这听起来很愚蠢,但你还包括'jquery.ui.dialog.js'? – pimvdb 2012-08-17 15:25:47

+0

不,你不傻,我刚刚下载该文件,它似乎已经整理它。我最初认为对话框包含在窗口小部件文件中,并没有发生在我看来它不会。这个网站的原始开发者在尝试添加新功能时引起了我很多问题。感谢pimvdb :) – Johnny 2012-08-17 15:33:58

+0

我觉得自己像一个白痴现在问这个问题... – Johnny 2012-08-17 15:44:52

回答

7

dialog,像draggable,是一个小部件。你必须把它列入如果你想使用它:

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

而不必所有这些单独的文件中,仅仅包括整个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/

0

由于pimvdb如上所述,dialog是一个小部件。但是,许多项目不使用单独的小部件包含文件,而是使用一个可定制的编译和缩小版本。为了确保对话框窗口小部件包括在你的构建,在文本编辑器打开jQuery的ui.js文件:头告诉你的组件都包括在内,像这样:

/*! jQuery UI - v1.10.0 - 2013-02-14 
* http://jqueryui.com 
* Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.position.js, jquery.ui.draggable.js, jquery.ui.droppable.js, jquery.ui.resizable.js, jquery.ui.selectable.js, jquery.ui.sortable.js 
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ 

在我的情况几乎一切除了包含对话框小部件。

相关问题