Uncaught TypeError: Object [object Object] has no method 'dialog'

Question

I know a lot of people have had this issue, and I've seen that for these guys its reference duplication. But for me I cannot see anywhere anything that has been duplicated.

Here is my code:

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;
    });
});

Ive tried reordering all of the javscript files, enabling some and not others etc, and it doesn't seem to work. The file hub.js?n=1 does use jQuery and has no problems. - It's not a file I wrote, I've take over this from someone else. And I have tried disabling that file, but I still get the same problem.

Here is what other people have said on the same thing: Uncaught TypeError: Object [object Object] has no method 'dialog' and here too: jQuery Uncaught TypeError: Object[object Object] has no method slider

Sorry if this sounds silly, but did you also include jquery.ui.dialog.js? — pimvdb
– pimvdb, Commented Aug 17, 2012 at 15:25
No you're not silly, i've just downloaded that file and it seems to have sorted it. I initially assumed that the dialog was included in the widget file, and didn't occur to me that it wouldn't be. The original developer of this site has caused me so many problems, when trying to add new features etc. Thanks pimvdb :) — Johnny
– Johnny, Commented Aug 17, 2012 at 15:33
No you're not, perhaps you just looked at it for too long :) — pimvdb
– pimvdb, Commented Aug 17, 2012 at 15:47
Thanks, I definitely looked at it too long, and couldn't see the obvious. — Johnny
– Johnny, Commented Aug 21, 2012 at 8:12

pimvdb · Accepted Answer · 2012-08-17 15:35:31Z

7

dialog, like draggable, is a widget. You'd have to include it if you want to use it:

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

answered Aug 17, 2012 at 15:35

pimvdb

155k80 gold badges313 silver badges358 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Steven Magana-Zook · Accepted Answer · 2013-03-07 04:57:01Z

6

Instead of having all of those separate files, just include the entire jQuery UI CDN link:

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

Just tried it in a fiddle and everything you have works fine, it must be a missing .js file.

http://jsfiddle.net/nU5TF/

edited Mar 7, 2013 at 4:57

Steven Magana-Zook

2,77828 silver badges42 bronze badges

answered Aug 17, 2012 at 15:34

Mark Pieszak - Trilon.io

68.3k15 gold badges84 silver badges96 bronze badges

Comments

AeonOfTime · Accepted Answer · 2013-04-24 12:57:02Z

As pimvdb stated above, dialog is a widget. However, many projects do not use the separate widget include files but one customizable compiled and minified version. To make sure that the dialog widget was included in your build, open the jquery-ui.js file in a text editor: the header tells you which components are included, like so:

/*! 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 */

In my case almost everything except the dialog widget was included.

Collectives™ on Stack Overflow

Uncaught TypeError: Object [object Object] has no method 'dialog'

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related