JavaScript error no Object [object Object] has no method 'dialog'

Question

I get the error in this questions's title from this page. It isn't a page users see. It is a test page I am working on and I copied the general template from here.

For some reason the latter doesn't get this error and the former does. I checked and I am pretty sure I am importing all the same libraries, so why does the new page give this error?

Any ideas?

I've seen a lot of questions asked about Problemio. Ironically, it sounds like you're having a lot of issues developing your site :-( — Bojangles
– Bojangles, Commented Dec 10, 2011 at 2:49
@JamWaffles :) well, I am the only developer doing front-end and back-end and database work...and I have to market this thing too. So I can't afford to be stuck on any one thing for too long. As it is I am putting nearly all my waking time into it :) — Genadinik
– Genadinik, Commented Dec 10, 2011 at 2:56

Shad · Accepted Answer · 2011-12-10 02:56:33Z

5

The problem is that your index_new includes

http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js

Which overwrites/interferes with the normal .dialog method.

answered Dec 10, 2011 at 2:56

Shad

15.5k2 gold badges24 silver badges34 bronze badges

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

2 Comments

Genadinik Over a year ago

thanks! Is there a way to make these libraries play nice together? I'd like to try the jQuery Tooltip library.

Shad Over a year ago

@Genadinik I'm afraid I don't know. You could try including the tooltip plugin before jQuery UI.

ziesemer · Accepted Answer · 2011-12-10 02:59:48Z

1

You have this block of code:

var $dialog = $('#loginpopup')
  .dialog({
    autoOpen: false,
    title: 'Login Dialog'
  });

$('#loginpopup') is returning an HTML element (a <div/>, specifically), and these don't have any build-in methods called dialog.

edited Dec 10, 2011 at 2:59

answered Dec 10, 2011 at 2:53

ziesemer

28.9k9 gold badges89 silver badges96 bronze badges

5 Comments

Shad Over a year ago

his standard libraries do define a dialog method. It's the additional include that is removing it.

Genadinik Over a year ago

@ziesemer not sure I understand. My confusion is that these 2 pages have similar JS imported. Why does one have it and the other not have that error? :)

Genadinik Over a year ago

@Shad you mean the tooltip library that is causing this problem?

Genadinik Over a year ago

oh yeah OMG it was the tooltip library. Wouldn't have thought that jQuery libraries would conflict each other. Thanks!!

ziesemer Over a year ago

@Genadinik - See Shad's answer (+1 for it from me).

Collectives™ on Stack Overflow

JavaScript error no Object [object Object] has no method 'dialog'

2 Answers 2

2 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related