jQuery UI Dialog: $(".modal").dialog is not a function?

Question

On my page, I am loading some HTML (via AJAX) into a div. The new HTML contains my $('.modal') jQuery UI Dialog. Once the HTML is loaded, FireBug gives me an error message for each modal in my HTML saying:

$(".modal").dialog is not a function
    height: 'auto'

The weird thing is that it's working. When I click the element that triggers the modal to appear, it appears! What should I do to prevent these messages from showing?

restart firefox, does it still happen, what about ie / chrome? Remember firebug is buggy - always restart firefox & check the other browsers if it seems odd — redsquare
– redsquare, Commented Sep 28, 2010 at 23:43

dllhell · Accepted Answer · 2012-04-27 10:58:59Z

3

put this in your document

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

answered Apr 27, 2012 at 10:58

dllhell

2,0444 gold badges36 silver badges54 bronze badges

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

2 Comments

Salman Arshad Over a year ago

How do you know OP has not already added these files to his document?

dllhell Over a year ago

if those libraries are included, I believe that OP is enough intelligent to not include them again.

Flyingbeaver · Accepted Answer · 2010-12-10 14:11:32Z

2

Make sure you load jquery before jquery-ui in your application.

answered Dec 10, 2010 at 14:11

Flyingbeaver

3754 silver badges19 bronze badges

Comments

fehays · Accepted Answer · 2010-09-28 23:38:22Z

0

You probably have to call $(".modal").dialog after the ajax has finished loading

answered Sep 28, 2010 at 23:38

fehays

3,1671 gold badge26 silver badges44 bronze badges

Comments

AlexC · Accepted Answer · 2010-09-28 23:41:27Z

-1

hmm

var dialog = $(".modal").dialog({ autoOpen: false });


$("#click").click( function(e) {
   e.preventDefault();
   dialog.dialog("open");
});

this one works for me fine !

answered Sep 28, 2010 at 23:41

AlexC

9,66917 gold badges66 silver badges98 bronze badges

Collectives™ on Stack Overflow

jQuery UI Dialog: $(".modal").dialog is not a function?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related