Hi all,
I am having trouble getting the jQuery dialog to popup in an MVC4.5 view. Basically I have some divs set up: <div id="DeleteConfirmation" style="visibility:hidden"> <div id="dialog-confirm" title="Delete Confirmation?"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span> <span id="DeleteConfirmationText"></span> </p> </div> </div> I have a confirm delete function, which is executed by clicking on an image button (so document is already ready) function ConfirmDeleteLineItem(itemId, currentLineItem) { $("#DeleteConfirmationText").html("Are you sure you want to delete this item?"); $("#dialog-confirm").dialog({ resizable: false, height: 200, width: 600, modal: true, buttons: { "Delete item": function () { DeleteLineItem(itemId, currentLineItem); $(this).dialog("close"); }, Cancel: function () { $(this).dialog("close"); } } }); } The problem is that it can't execute the .dialog method. Microsoft JScript runtime error: Object doesn't support property or method 'dialog' Within the head section of the page, when I view source, it has: <script src="/Scripts/jquery-1.7.1.js"></script> <script src="/Scripts/jquery-ui-1.8.20.js"></script> And the debugger says that jquery-1.7.1.js and jquery-ui-1.8.20.js are loaded. Is there something I'm missing? Regards, Tony