Jquery将内容加载到div中

时间:2009-09-09 00:36:08

标签: jquery popup load

嘿那里,我想使用

将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 &times;</a>
    <img src="/img/aeffect_popup.jpg" width="500" height="729" alt="" />
    <p class="description">Description</p></div>
</div>

我的问题是因为我试图让aeffect.html在用户点击close后消失。我想我可以让它清空DIV,但没有什么可以清空...

1 个答案:

答案 0 :(得分:2)

(我想,在#aeffect上,你错过了一个结束div。)

$('#popupContent').load('page.htm #aeffect')

第一个选择器是目标容器。 load方法接受页面,然后是您想要的页面中的选择器。

我不确定是否会从其他网站加载网页。

如果这对你有用,请告诉我。 斯科特

查看jQuery documentation进行微调。您可以将参数传递给页面,如果它是一个帖子,您可以使用回调填充div以获得更流畅的体验。