Question

I’m working my way through some of the tutorials on the jQuery website, and I’m currently working on the ‘Modal Confirmation Dialog’.

I’ve put together this page, but I can’t seem to get the page to load without receiving the following error:

Object doesn't support this property or method Line: 16, which is this line in my code: $( "#dialog:ui-dialog" ).dialog( "destroy" );.

I’m really not sure why I’m receiving this, I’ve been through the source files and I think I have the links to the correct js and css files.

I know to most this may be a very basic and beginner error, but I’m beginner with jQuery, and I just wondered whether someone could perhaps have a look at this and let me know where I’ve gone wrong.

Answer 1

Just simply remove this line…

$("#dialog-confirm" ).dialog( "destroy" );

or if you want that to work, put that line below of the dialog init… and change it to something like that..

(but it will surely remove the dialog functionality so simple remove it)

you don’t need to put :ui-dialog there…
you just had a selection error..

if its selected using id use #
and when you select using class use .

example

if id

<div id="dialog">a dialog msg</div>
<script>
$("#dialog").dialog("destroy");
</script>

if class

<div class="dialog">a dialog msg/div>
<script>
$(".dialog").dialog("destroy");
</script>