CODEWITHSUNDEEP
jqueryjquery-ui
pri_dev
pri_dev

Reputation: 11645

Object doesn't support property or method 'dialog' - jquery

I am getting an error in IE9 at the line jQuery( "#dialog:ui-dialog" ).dialog( "destroy" ); . It says Object doesn't support property or method 'dialog'. 

jQuery(function() {
    jQuery("#dialog:ui-dialog").dialog("destroy");

    jQuery("#dialog-message").dialog({
        modal: true,
        autoOpen: false,
        buttons: {
            Ok: function() {
                jQuery(this).dialog("close");
                window.location.href = '/gra/logout';
            }
        }
    });
});

I have included the js files related to jquery like this:

  <link type="text/css"   href="${resource(dir:'css',file:'jquery-ui-1.8.16.custom.css')}"  rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js" type="text/javascript"></script>
    <link rel="stylesheet"  href="${resource(dir:'css',file:'jquery.treeview.css')}"  />
    <script src="${resource(dir:'js', file:'jquery.treeview.js')}" type="text/javascript"></script>
    <script src="${resource(dir:'js', file:'jquery.treeview.edit.js')}" type="text/javascript"></script>
    <script src="${resource(dir:'js', file:'jquery.treeview.async.js')}" type="text/javascript"></script>

I know it depends on the order of includes but want to make sure am I missing a library?

Upvotes: 1

Views: 9227

Answers (1)

Juri
Juri

Reputation: 32900

As far as I can see from above you included just jQuery, and jQueryui css but not the jQuery UI js files. (unless jQuery tools includes it)

Upvotes: 2

Related Questions