I have a toolbar in jquery mobile, made up of a bunch of links, which load "pop" modal dialog boxes on top of my javascript application.

Like this:

  • Info
  • Where the div with id="about" has a data-role="page". I'd like to open the same dialog from the code, perhaps as part of a button handler, but I can't find any way to do this.

    This code does not work. It only shows the elements of the "about" page transparently ontop of my currect page (without styling). How do I do this?

    $("#buttAbout").click(function () {
        $('#about').show();
        return false;
    });
    
    Edit
    Report