Come posso caricare una pagina esterna in un popup di sovrapposizione jQuery?

Sto provando a creare una sovrapposizione jQuery per caricare una pagina esterna.Come posso caricare una pagina esterna in un popup di sovrapposizione jQuery?

Penso che sto avendo due versioni di jQuery in conflitto con l'altro, come io sto usando questo per un drag and drop e funziona benissimo:

src="js/jquery-1.3.2.min.js 

js/jquery-ui-1.7.2.custom.min.js

Ora, quando aggiungo questo:

per la sovrapposizione non sembra funzionare. Qualcuno ha un semplice overlay con una pagina esterna?

fonte

2010-02-10 avorhom

Avrumi, Ill cercare di rispondere ..... (EB) – adardesign

HTML

<a id="selector" href="#">My event trigger</a> 
<!-- put the the overlay below before closing </body> the end of the page --> 
<div class="overlayOuter"> 
    <div class="overlayInner"> 
     <!-- external content to be loaded here --> 
    </div> 
    </div>

CSS

.overlayOuter{ 
    background:#000; 
    opacity:0.7; 
    display:none; 
    height:100%; 
    left:0; 
    position:absolute; 
    top:0; 
    width:100%; 
    z-index:100001; 
} 


.overlayInner{ 

    position:absolute; 
    top:40%;/*or whatever*/ 
    left:40% /*or whatever*/ 
    width:500px; 
    z-index:100001; 
}

$("a#selector").live("click", function(){ 
    $(".overlayInner").load("externalPage.html", 
     // the following is the callback 
     function(){$(".overlayOuter").fadeIn(300); }) 
});

fonte

2010-02-10 22:59:50 adardesign