Question

I have a dialog box in mvc that opens up first time but not the second time and it gives me the error that the object does not support method dialog

this is my code:

     <script src="<%= Url.Content("~/Scripts/jquery-1.5.2.min.js") %>"   type="text/javascript"></script>
    <script src="<%= Url.Content("~/Scripts/jquery-ui-1.8.11.min.js") %>" type="text/javascript"></script>
 $('.trigger').live('click', function (event) {
            var id = $(this).attr('rel');
            var dialogBox = $("<div>");
            $(dialogBox).dialog({
                autoOpen: false,
                resizable: true,
                title: 'Test Modal Dialog',
                modal: true,
                width: 'auto',
                closeOnEscape: true,
                show: "slide",
                open: function (event, ui) {

                    $(this).load('<%=Url.Action("TabExample2","RQA")%>');
                             },
                overlay: { backgroundColor: "#000", opacity: 0.5 }

            });
            $(dialogBox).dialog('open');

        });

Modal Dialog

any advice on why this is happening?

Answer 1

Check if you don’t re-referencing any jQuery libraries after you load Dialog Box.

UPDATE

To some calrification.
You should reference all needed libraries in heade section (or whatever place you want).

But to make tabs work withing DialogBox you need to write script explicity in that dialog box.
Just like any other in code jQuery script:

$(document).ready(function () {
  ///you tab code
});

This should work. I also had problem with not working tabs in DialogBox.