SimpleModal charge externe page HTML dans la boîte de dialogue

Est-il possible de charger un fichier HTML externe dans une variable et ensuite utiliser cette variable pour charger le SimpleModal dialogue? Quelque chose comme ceci:

$(document).ready(function($) {
    var externalPage $.get("Renderer.htm");

    $('#basic-modal .basic').click(function(e) {
        $(externalPage).modal();

        return false;
    });
});

Une autre solution (qui fonctionne) est de charger le fichier HTML externe caché dans un div et puis l'utiliser pour charger la boîte de dialogue.

$(document).ready(function($) {
    $('#simplemodal-content').hide(); //or hide in css
    $('#simplemodal-content').load("Renderer.htm");

    $('#basic-modal .basic').click(function(e) {
        $('#simplemodal-content').modal();

        return false;
    });
});

Cependant, si je prends cette approche, la css définie pour la page externe peut interférer avec ma page locale et donc de modifier la mise en page, qui est pas souhaité.

Si il y a une 3ème solution qui est mieux que l'une de ces approches, s'il vous plaît partager.

PS: malheureusement, il a aussi parfaitement IE6.

InformationsquelleAutor Bart | 2010-04-30