如何在jQuery覆盖弹出窗口中加载外部页面?
我正在尝试将jQuery覆盖加载到外部页面 我想我有两个版本的jquery相互冲突,因为我使用它进行拖放,它工作得很好:如何在jQuery覆盖弹出窗口中加载外部页面?,jquery,jquery-ui,Jquery,Jquery Ui,我正在尝试将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 对于覆盖层,它似乎不起作用。是否有人有一个简单的外部页面覆盖?HTML <a id="select
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
对于覆盖层,它似乎不起作用。是否有人有一个简单的外部页面覆盖?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>
JS
.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); })
});
但是为什么你不使用Fancybox或者更好的配色箱呢 Colorbox很轻,有很酷的效果,你可以尝试一下,你可以把它作为基于css的主题
谢谢Avrumi,我会尽力回答。。。。。(EB)