强制 iframe 重新加载答案

【问题标题】：Forcing an iframe to reload强制 iframe 重新加载
【发布时间】：2014-06-20 13:36:29
【问题描述】：

有没有办法强制 iframe 在超出框架时重新加载？例如...我有水平滑动一个页面的网站...有一个 iframe 显示一个页面来播放一系列视频。但是，当有人将网站滑动到下一张幻灯片时，我希望 iframe 重新加载，以便视频停止播放，它们会回到他们选择要播放的视频的部分。

我试过了，但显然是错误的......

window.onblur(function () {
    $('iframe[name="#playerWindow"]').attr("src", $('iframe').attr("src"));
});

【问题讨论】：

【解决方案1】：

您的 jQuery 选择器语法有点偏离。试试下面的方法（未经测试）：

var pWindow = $('#playerWindow');
pWindow.attr('src', pWindow.attr('src'));

这是假设您的 iframe 的 ID 为 playerWindow。

【讨论】：

似乎也没有做任何事情。
你能检查一下.onblur() 事件是否被触发了吗？在那里放一个警报，看看它是否会在您期望的时候发出警报。
警报没有触发...所以我一定是做错了什么。
您提到用户将滑动幻灯片。这需要什么手动操作？是点击事件吗？如果是这样，是否可以在点击事件上绑定此重置？
不太可能，因为有不同的事件会导致滑动。导航按钮、上一个和下一个按钮，以及键盘上箭头键的使用。因此，必须以某种方式创建它，以便在页面消失时允许 iframe 重新加载。我只是不确定这是怎么可能的，因为我以前从未这样做过......但是，我已经使用点击事件和其他方法完成了它。在这种情况下，这可能只在使用箭头键之前有效。