error when using jquery dialog?

Question

every time i try using jquery dialog i get error null when debugging using firebug, here is the code

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>

    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
      <script>
      $(document).ready(function() {
        $("#dialog").dialog();
      });
      </script>

    <div id="dialog" title="Dialog Title">I'm in a dialog</div>

The code you've shown us looks fine. Can you reproduce the problem on jsbin.com or your own host? — brianpeiris
– brianpeiris, Commented Aug 8, 2010 at 2:10

Marko · Accepted Answer · 2010-08-08 02:03:46Z

2

It could be that your jQuery.js file doesn't exist in that path. Replace it with the Google hosted one.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Also you should add <script type="text/javascript"></script> where your jQuery code is.

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function() {
    $("#dialog").dialog();
  });
  </script>

<div id="dialog" title="Dialog Title">I'm in a dialog</div>

edited Aug 8, 2010 at 2:03

answered Aug 8, 2010 at 1:58

Marko

72.3k29 gold badges126 silver badges160 bronze badges

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

3 Comments

Mahmoud Over a year ago

it wont effect with or without <script type="text/javascript"> in there demo it worked without docs.jquery.com/UI/Dialog

Marko Over a year ago

I guarantee you it's your setup. Check out this sample jsfiddle.net/d6fAa

Mahmoud Over a year ago

your correct the problem was the jquery was crashing with another js script i just had to move up the jquery to the top thanks

Stefan Kendall · Accepted Answer · 2010-08-08 02:10:30Z

0

Your <link> element isn't closed. I'm guessing that it's somehow picking up and squashing the dialog div, as anything in a link tag I would presume is ignored and not placed on the DOM.

answered Aug 8, 2010 at 2:10

Stefan Kendall

68.2k69 gold badges259 silver badges409 bronze badges

Collectives™ on Stack Overflow

error when using jquery dialog?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related