使用jQuery重新加载iframe

时间:2012-07-11 12:15:28

标签: javascript jquery

我有一个像jQuery一样动态加载的iframe

jQuery('<iframe id="myFrame" src="iframesrc.php"></iframe>').load(function(){
    // do stuff when loaded
}).prependTo("#myDiv");

我希望每次重新加载内部帧时都能捕获重载事件。我试过这个:

jQuery('body').on('load', '#myDiv', function() {
    alert('iframe loaded');
});

但是我没有得到任何回复,包括初始加载和跟踪iframe内部的链接。我做错了什么?

2 个答案:

答案 0 :(得分:14)

您正在寻找上述示例中div的load操作,而不是iframe。尝试:

$("#myFrame").on("load", function () {
    alert("Hi there, hello");
})

此外,如果您不使用其他库,请使用$()访问jQuery而不是jQuery()

另请注意,您要在页面上运行的任何函数都必须绑定到jQuery的文档就绪事件,如下所示:

$(function () {
    // your code goes here
    $("#myFrame").attr("src", "http://google.com"); // <- this works
})

$("#myFrame").attr("src", "http://google.com"); // <- this does not work

答案 1 :(得分:-4)

for new url

location.assign("http:google.com");

assign()方法加载一个新文档。

重载

location.reload();

reload()方法用于重新加载当前文档。