Nella pagina principale definiamo il seguente codice HTML:

<p><a href="page.html" id="open" title="Pagina di test">Carica una pagina in una finestra di dialogo</a></p>


Nella pagina page.html usiamo invece la seguente marcatura:

<div id="content">
    <p>...</p>
</div>


Associamo quindi un’azione al link della pagina principale:

$(function() {

    $('#open').click(function(event) {
    
        var $link = $(this);
    
        var $dialog = $('<div></div>')
                .load($link.attr('href') + ' #content')
                .dialog({
                    autoOpen: false,
                    title: $link.attr('title'),
                    width: 600
        });
        
        $dialog.dialog('open');
    
        event.preventDefault();
    
    });

});