Невозможно добавить класс CSS в Fancybox iframe

Question

Я пытаюсь добавить класс в div, который находится в iframe, плюс Fancybox iframe. После нескольких часов работы я не могу заставить его работать. Тест журнала консоли распечатывается, поэтому я не уверен, что я делаю неправильно. Это версия Fancybox 1.3.4.

jQuery(".lightbox").fancybox({ 
    'width'  : '100%', 
    'height'  : '90%', 
    'transitionIn' : 'none', 
    'transitionOut': 'none', 
    'type'   : 'iframe', 
    onComplete: function() { 
     jQuery('#fancybox-frame').contents().find('#right_container').addClass('test123'); 
     jQuery('#right_container').addClass('test321'); 
      console.log('test'); 
     } 

Вот страница: http://www.rescue3international.com/onlinetraining.php

Любая помощь будет оценена. Благодаря!

Answer 1

Нет, я получаю много ошибок/предупреждений.

Итак, на вашей странице содержимое загружается с использованием iframe, а затем при нажатии, fancybox загружается в другой iframe. Можете ли вы просто console.log(jQuery('#fancybox-frame'));? Я не могу сделать это здесь, потому что URL-адрес iframe перенаправляет на родительский URL-адрес.

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

Invalid 'X-Frame-Options' header encountered when loading 'http://earthexperience.com/r3/faq': 'GOFORIT' is not a recognized directive. The header will be ignored. 

Blocked a frame with origin "http://www.rescue3international.com" from accessing a frame with origin "http://earthexperience.com". Protocols, domains, and ports must match.