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

Question

I know that there are many threads for this topic. Searched many of them already several days(!)... getting crazy becuase of this. I checked these: Uncaught TypeError: Object #<Object> has no method 'dialog' Uncaught TypeError: Object [object Object] has no method 'dialog'

Cannot understand what I am doing wrong, need your help. Below is code which I am trying to make work.

Index.chtml

@{
    ViewBag.Title = "Home Page";
}

<br/>
<input type="button" value="Get Form" onclick="getForm()" />


<script type="text/javascript">
function getForm(){$('#dialog').dialog({
            autoOpen: true,
            width: 400,
            resizable: false,
            title: 'My Table',
            modal: true,
            open: function(event, ui) {

                $(this).load('@Url.Action("Index", "Home")');
            },
            buttons: {
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });
}</script>

<div id="dialog"></div>

Controller

public ActionResult _dialog()
    {
        return View();
    }

    public ActionResult Index()
    {
        return View();
    }

_dialog.chtml

<h3>Partial View code</h3>

_Layout.chtml

...
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.min.js"></script>
<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
...

Check that your external scripts are embedded properly in the rendered HTML code, and can actually be reached (no 404 or something like that). — C3roe
– C3roe, Commented Feb 16, 2014 at 14:16
^ yeah, copy the link (src) to the jquery ui lib and paste into your browser (with domain ), can you see it ? — Rob Sedgwick
– Rob Sedgwick, Commented Feb 16, 2014 at 14:18
@Rob Sedgwick the link [link]localhost:58196/Content/themes/base/jquery-ui.css is returning content of file. Same as: /Scripts/jquery-1.10.2.min.js, /Scripts/jquery-ui-1.10.4.min.js — ADO_kg
– ADO_kg, Commented Feb 16, 2014 at 15:20
@user998878, okay. Are all your scripts under the markup they are trying to target ? - eg $("#dialog") will not return the node if it hasn't been created yet. — Rob Sedgwick
– Rob Sedgwick, Commented Feb 16, 2014 at 15:32

Darin Dimitrov · Accepted Answer · 2014-02-16 16:50:14Z

0

I suppose there are some incompatibilities between the versions of jquery and jquery UI you are using. Try with jQuery 2.0.0:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />

There might be some issues with jQuery UI 1.10.4 and jQuery > 2.0.0 like jQuery 2.1.0 for example.

answered Feb 16, 2014 at 16:50

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

3 Comments

ADO_kg Over a year ago

Sorry, same error. If I remove line "@Scripts.Render("~/bundles/jquery")", javascript works but not as modal, content appears in the center of page.

Darin Dimitrov Over a year ago

Why do you have @Scripts.Render("~/bundles/jquery") line? This will include jQuery once again. You should decide whether you want to use bundles or include the external scripts. If you use bundles then use @Scripts.Render("~/bundles/jquery") and after it use @Scripts.Render("~/bundles/jqueryui") and then place your custom script inside a @section Scripts { .. } section from your view. And get rid of all custom script inclusions like <script src="http://code.jquery.com/jquery-latest.js"></script> and <script src="~/Scripts/jquery-ui-1.10.4.min.js"></script> which you are having.

ADO_kg Over a year ago

лови пять!!! Thank you very much. Removed all bundles and worked. Now I understand what I was doing wrong.

Collectives™ on Stack Overflow

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

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related