jQuery隐藏功能不适用于iframe

Posted 2023-05-09

【中文标题】jQuery隐藏功能不适用于iframe

【英文标题】：jquery hide function not working on iframe

【发布时间】：2021-06-02 01:00:33

【问题描述】：

我正在创建一个弹出窗口，它有一个 iframe 来显示来自其他网站的内容：

<div id="popup-wrapper">
  <div id="iframe-wrapper">
    <iframe id="register-frame" src="some url" />
  </div>
</div>

我希望它默认隐藏并在用户单击按钮时显示，这是我的 jquery：

$(document).ready(function() 
  $("#popup-wrapper").hide();
  $("#iframe-wrapper").hide();
  $("#register-frame").hide();
);

两个外部 div 都消失了，但 iframe 没有，我做错了什么？

【问题讨论】：

validator.nu 将突出显示 html 中一个相当明显的错误

您还需要将尺寸设置为 0，如下所示：***.com/questions/25435089/html-hide-an-iframe/…

这能回答你的问题吗？ HTML - Hide an iframe

【参考方案1】：

我关闭标签 iframe 时没有错误，你的语法不好

<iframe id="register-frame" src="some url"></iframe>