Question

with the below code, I’m able to add a page fragment to an other page. The page contains a form to be posted to a certain action method.

$("#ul-menu a").click(function () {
   $.get($(this).attr("href"), function (response) {
        $("#dialog-div div").replaceWith($(response));
      });
    return false;
 })

Instead of having the form anywhere in the page, I’d like to get it as a modal JQueryUI dialog.

How can I do that.

Thanks for helping.

Answer 1

This will work for you. Also, I’ve added a better method of preventing the original click. Instead of returning false, which kills all bubbling, you should use event.preventDefault();

$("#ul-menu a").click(function (event) {
    event.preventDefault();
    $.get($(this).attr("href"), function (response) {
        $(response).dialog({ modal : true });
    });
})