Как сделать оператор if, используя элемент в iframe?

Question

Итак, я пытаюсь сделать так, чтобы, когда элемент (внутри iframe) стал скрытым (display: none), у iframe не было отображения none.

Я пробовал:

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>

Это может помочь:

Определить, является ли элемент видимым

Выбор элемента в iFrame jQuery

Answer 1

Самый простой способ для меня при работе с iframes - использовать метод postMessage + событие onmessage. Это позволяет легко общаться между iframe и родителем. Дополнительные примеры здесь: https://javascript.info/cross-window-communication#postmessage