if 语句后的 jquery 回调

Question

大家好，我在某些情况下无法找到有关创建回调的帮助。

我有一段代码，它将链接页面加载到 iframe 中，然后在按下另一个链接时更改 scr。

$(".iframe").hide();
$(".lnk").click(function(){
$(".iframe").show('slow')
;})
;
$(".frmclose").click(function(){
$(".iframe").hide('slow')
;})
;

上面的内容在 (document).ready 中运行 （由于某种原因它在内部不起作用）

function changeIframeSrc(id, url) {
if (!document.getElementById) return;
var el = document.getElementById(id);
if (el && el.src) {el.src = url;return false;}return true;}

下面是在此之外的链接

  <a href="http://www.google.com" onclick="return changeIframeSrc('ifrm', this.href)" class="lnk">google</a>

：在此之前，我将 iframe 所在的 div 取消隐藏。我在该 div 中还有一个隐藏 div + iframe 的按钮。

我遇到的问题是，一旦 iframe 打开，然后通过 div 链接关闭，如果通过单击不同的链接重新打开 iframe，iframe 会取消隐藏以显示旧页面，然后发生更改。但我想要的是框架加载新页面（同时隐藏），然后取消隐藏以显示它。我想过在 iframe src 更改后使用回调，但我看不到在哪里实现它。

发生的示例 （单击 GDPH 按钮查看 iframe 的链接）

任何想法或帮助表示赞赏。

问候

B 斯通纳

Answer 1

我认为您需要做的就是在关闭时清除 的 src 。这将清除页面，以便下次显示 iFrame 时它会再次开始为空白。

我制作了此功能的小演示，它使用了来自以您的页面为例。 开始隐藏（通过 CSS），每个链接将显示 ，然后加载远程站点。我添加了一个关闭 iframe 链接来模拟您网站上 下的关闭链接。

希望这有帮助！

编辑：更新了演示链接以包含回调部分。当我读到这个问题时不知何故错过了这一点！

编辑2：您的changeIframeSrc函数不起作用是因为它是在jQuery匿名函数内定义的并且是一个闭包。请参阅从 javascript 调用 Jquery 函数

Answer 2

我会捕获 iframe 的 .load() 事件，该事件将在文档加载到 iframe 后触发。

$(".iframe").load(function { /* code to run when iframe is loaded */ });