使用切换事件仅加载一次 iframe答案

【问题标题】：Load iframe only once with toggle event使用切换事件仅加载一次 iframe
【发布时间】：2012-04-28 11:38:42
【问题描述】：

我有这段代码可以加载并显示默认为 display:hidden 的 iframe：

   $("div").on('click', '.blok', function () { 

  $(this).siblings("iframe").toggle().show().attr("src", $(this).siblings('span').find('a').attr('href') );

    });

如您所见，我设置了 .toggle 以便第二次单击将恢复为默认值。问题是第二次点击也再次加载 iframe（当它被隐藏时）。如何在切换事件中只加载一次？

【问题讨论】：

我把忘记的开关放在里面了..
你可能应该分享涉及 iframe 的代码部分
@Dhiraj Bodicherla 只是一个简单的 html iframe，没什么花哨的

标签： jquery events load toggle

【解决方案1】：

attr('src'..) 应该只被调用一次（或者每次你想要加载页面时）

我会把切换开关留在那里，但把 attr 放在函数之外

【讨论】：

如何只用一个按钮 (.blok) 来做到这一点？？
没关系，我现在意识到愚蠢的问题...:) 感谢您的回答。

【解决方案2】：

为什么不将 iframe 放入其他组件并切换它的可见性而不是 iframe 本身？这样您就不会接触 iframe，也不会导致任何重新加载。

【讨论】：

【解决方案3】：

仅当链接中的href与iframe src相同时才加载iframe，否则只需切换

DEMO

希望对你有帮助

【讨论】：