javascript - 如何使用 iframe 中的元素创建 if 语句?

标签 javascript jquery iframe

所以,我试图做到这一点,以便当一个元素(iframe 内)隐藏(display: none)时,它将使 iframe 不显示。

我已经尝试过:

var iframe = $('.preloader').contents().find('*');

if((iframe).is(':hidden')) {
  $('.preloader').css('display','none');
}

if($('.preloader').contents().find('*').is(':hidden')) {
  $('.preloader').css('display','none');
}

这两个都不起作用。

HTML

<iframe class="preloader" src="https://sorrycantsay.net/preloader"></iframe>

这可能有帮助:

Detect if an element is visible

Selecting an element in iFrame jQuery

最佳答案

对我来说,使用 iframe 时最简单的方法是使用 postMessage方法 + onmessage 事件。它使 iframe 和父级之间能够轻松通信。 其他示例如下:https://javascript.info/cross-window-communication#postmessage

关于javascript - 如何使用 iframe 中的元素创建 if 语句?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55236115/

相关文章:

c# - 根据 Visual Studio 2010,jQuery 函数 "undefined"

javascript - 解决方案: Manage space between group columns in highchart

javascript - Simple++ 不增加数字

JQuery 内容 slider - 最佳实践?

ios - iframe 在 ios 上滚动固定 div 不起作用

javascript - Stripe 元素基于什么?他们如何保护它?

具有响应式 Bootstrap 、Vimeo 嵌入和 WordPress 主题的 CSS 1 px 边框

javascript - 未捕获的语法错误 : Unexpected token & in javascript django app

javascript - 如何在 js 文件中使用脚本参数?

javascript - 将 Javascript 转换为 jQuery 不起作用