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

Question

我有这个代码加载并显示iframe，显示：隐藏在默认情况下：

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

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

    });

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

Answer 1

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

我会在那里留下切换但是将attr放在函数外面

Answer 2

为什么不将iframe放入其他组件并切换其可见性而不是iframe本身？这样你就不会碰到iframe而且不应该重新加载它。

Answer 3

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

DEMO

希望这有帮助