嘿那里,我想使用
将html页面加载到div中$(document).ready(function() {
$("#popupContent").load("aeffect.html");
//Close property
$("a.close").click(function(){
$("#popupContainer").empty();
});
});
来自呼叫页面的我的HTML是:
<div id="popupContent"></div>
我想做的是,当aeffect.html
被加载到div中时,它还将aeffect.html
中的代码写入调用页面的主体,以便最终结果在调用页面上如下:
<div id="popupContent">
<div class="projectPopup" id="aeffect">
<a class="close">Close ×</a>
<img src="/img/aeffect_popup.jpg" width="500" height="729" alt="" />
<p class="description">Description</p></div>
</div>
我的问题是因为我试图让aeffect.html
在用户点击close
后消失。我想我可以让它清空DIV,但没有什么可以清空...
答案 0 :(得分:2)
(我想,在#aeffect上,你错过了一个结束div。)
$('#popupContent').load('page.htm #aeffect')
第一个选择器是目标容器。 load方法接受页面,然后是您想要的页面中的选择器。
我不确定是否会从其他网站加载网页。
如果这对你有用,请告诉我。 斯科特
查看jQuery documentation进行微调。您可以将参数传递给页面,如果它是一个帖子,您可以使用回调填充div以获得更流畅的体验。