This is a migrated thread and some comments may be shown as answers.

Jquery ui dialog object doesn't support this property or method

1 Answer 74 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

nav100 asked on 05 Nov 2013, 09:52 PM

I am trying to use Jquery UI dialog one of my pages. Here is the code I have. But this doesn't work. I am using 2013.2.611.40 version controls.

Master page:
------------------------
<head runat="server">
    <link href="../css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" OutputCompression="AutoDetect">
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        <asp:ScriptReference Path="../Scripts/jquery-ui-1.10.3.custom.js" />
    </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        window.jQuery = window.$ = $telerik.$;
    </script>

.aspx page:
----------------------------------
<script type="text/javascript">
     $telerik.$(document).ready(function () {
            $("#dialog").dialog('open');
        });
</script>

I am getting object doesn't support this property or method at this line ' $("#dialog").dialog('open');' Could you please let me know what could be wrong?

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Jquery ui dialog object doesn't support this property or method

1 Answer, 1 is accepted