Uncaught TypeError: Object [object Object] has no method 'dialog'

Question

I am trying to use the jQueryUI dialog in an MVC3 application but having an issue with it. The dialog I have is loading a partial view into it where the user will either edit or create a new item. This works fine but if I try to save or update the item, or if I try to close it I get the message in the title.

I have added all of the required .js files but still getting the error. I have also used firebug but still can't find why error is happening.

HTML

<span class="EditLink ButtonLink" addressId="@addr.Id">Modify this Address</span>
<div id="popup"></div>

JavaScript

$(document).ready(function () {
    var id = 0;

    //define config object
    var dialogOpts = {
        title: "Edit item",
        modal: true,
        autoOpen: false,
        height: 500,
        width: 500,
        open: function () {
            $("#popup").load("/partialviewtoload/" + id);
        },
        buttons: {
            Cancel: function() {
                $(this).dialog('close');
            }
        }
    };

    $("#popup").dialog(dialogOpts);    //end dialog

    $('.EditLink').click(function() {
        id = $(this).attr("itemId");
        $("#popup").dialog("open");
        return false;
    });    
});

Nollaig · Accepted Answer · 2012-01-09 17:23:46Z

61

issue was that I was referencing "jquery-1.5.1.min.js" twice. Once in the _Layout.cshtml and also in the partial view I was loading. . Removed the reference in the partial view and got it sorted.

answered Jan 9, 2012 at 17:23

Nollaig

1,0972 gold badges13 silver badges26 bronze badges

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

Comments

Iakov Mishchenko · Accepted Answer · 2012-01-09 10:30:34Z

5

It seems that browser have not loaded jQueryUI, ensure that it is in your DOM

answered Jan 9, 2012 at 10:30

Iakov Mishchenko

1164 bronze badges

4 Comments

Nollaig Over a year ago

It has loaded jqueryui as I can see it using firebug. Also, the dialog loads the first time no problem. The issue is trying to close it using the $(this).dialog('close') and also reopening it.

Iakov Mishchenko Over a year ago

So, I think that $(this) is not pointing to an element containing dialog object. Before $(this).dialog('close') test $(this) by console.log(this)

Nollaig Over a year ago

OK, the console shows the div "popup". but straight after that i get the error again.

Nollaig Over a year ago

I have narrowed the cause of the issue. It only happens when I load the partial view into the dialog. If I don't load the partial view I can close and reopen no problem.

Georgy Gobozov · Accepted Answer · 2014-03-08 06:14:52Z

0

In my case it was that

you should include first grid.locale-en.js and then jquery.jqGrid.min.js.

answered Mar 8, 2014 at 6:14

Georgy Gobozov

13.7k8 gold badges75 silver badges79 bronze badges

Collectives™ on Stack Overflow

Uncaught TypeError: Object [object Object] has no method 'dialog'

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related