Question

我正试图想办法在使用jQuery滑块离开视图时重新加载iframe。我在这里发布了一个例子......

当您移动广场时会出现iframe但我希望iframe在重新下载时重新加载。有人能告诉我这是否可能？

你需要的一切都在jsfiddle页面上，但由于它要求我输入一些代码，这里是它的html部分......

<div style="width:550px; padding:40px 0 0;margin:0 auto; position:relative;">    

    <div id="foo">
        <div id="bar">
<iframe name="popupFrame" src="http://thumbs.dreamstime.com/x/het-scherm-van-tv-van-de-test-9015949.jpg" frameborder="0" width="400" height="307" scrolling="no"></iframe>
        </div>
    </div><br />
</div>

Answer 1

如果您的iframe和您的父网站位于同一个域中，

你可以尝试，

$("#clickk").hover(function () {
    $("#monster").slideToggle("slow");
}).mouseleave(function () {
    $('iframe[name="popupFrame"]').attr("src", $('iframe').attr("src"));
});

或

$("#clickk").hover(function () {
    $("#monster").slideToggle("slow");
}).mouseleave(function () {
    document.getElementsByName('popupFrame')[0].contentWindow.location.reload();
});

我怀疑这会在JSFiddle中起作用。它不允许访问。

注意：

只有当代码在父代上运行时，上述内容才有效。

重新加载iframe onblur，mouseout或......？

1 个答案: