2012-08-17 49 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 */ 

在我的情況幾乎一切除了包含對話框小部件。

相關問題