¿Cómo puedo cargar una página externa en una ventana emergente de jQuery?

Estoy tratando de hacer que una superposición jQuery cargue una página externa.¿Cómo puedo cargar una página externa en una ventana emergente de jQuery?

creo que estoy teniendo dos versiones de jQuery en conflicto entre sí, como yo estoy usando esto por un arrastrar y soltar y que funciona bien:

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

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

Ahora cuando añado esto:

http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js

para la superposición parece que no funciona. ¿Alguien tiene una superposición simple con una página externa?

Fuente

2010-02-10 avorhom

Avrumi, Ill tratar de responder ..... (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); }) 
});

Fuente

2010-02-10 22:59:50 adardesign