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

Question

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

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

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

    });

如您所见，我已将 .toggle 放入，以便第二次单击将恢复为默认值。问题是第二次点击也再次加载 iframe（当它被隐藏时）。我该怎么做才能在切换事件中只加载一次？

Answer 1

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

演示

希望这可以帮助

Answer 2

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

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

Answer 3

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