मैं jQuery ओवरले पॉपअप में बाहरी पृष्ठ कैसे लोड कर सकता हूं?

मैं एक jQuery ओवरले को बाहरी पृष्ठ लोड करने की कोशिश कर रहा हूं।मैं jQuery ओवरले पॉपअप में बाहरी पृष्ठ कैसे लोड कर सकता हूं?

मुझे लगता है कि मैं एक दूसरे के साथ परस्पर विरोधी के रूप में मैं एक खींचें और ड्रॉप के लिए इस का उपयोग कर रहा jQuery के दो संस्करणों हो रही है और यह ठीक काम करता है: जब मैं इस जोड़ने

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

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

अब:

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

ओवरले के लिए यह काम नहीं कर रहा है। क्या किसी के पास बाहरी पृष्ठ के साथ एक साधारण ओवरले है?

स्रोत

2010-02-10 avorhom

Avrumi, बीमार जवाब देने के लिए ..... (ईबी) – adardesign

एचटीएमएल

<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>

सीएसएस

.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); }) 
});

स्रोत

2010-02-10 22:59:50 adardesign