Запустить нажатие кнопки внутри iframe

Это код iframe:

<div id="OutDiv" class="outerdiv">
    <iframe src="http://beta.sportsdirect.bg/checkout/onepage/" id="InnerIframe" class="FrameCSS" scrolling="no"></iframe>
</div>

Вот HTMl-код кнопки, которую вызывает iframe выше:

<button type="button"  id="SuperWebF1" title="Continue" class="button">Continue</button>

Вот функция jQuery, которую я использую, чтобы вызвать щелчок кнопки при загрузке страницы:

 $('#SuperWebF1').trigger( "click" );

Но это работает так, только когда я помещаю код jQuery внутри источника кнопки, и iframe вызывает кнопку с помощью script.

Я хочу сделать событие, которое нажимает кнопку извне iframe. Возможно ли это?

Спасибо заранее!

Ответы

Ответ 1

ПРИМЕЧАНИЕ..Contents() не работает, если iframe src указывает на междоменную страницу. Подробнее: междоменная проблема iframe и получение содержимого DOM междоменного iframe

//execute code after DOM is ready
$(function() {

  //find iframe
  let iframe = $('#main_iframe');
  
  //find button inside iframe
  let button = iframe.contents().find('#main_button');
  
  //trigger button click
  button.trigger("click");
  
});
<!--Add jQuery library-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>