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'));吗？我不能在这里做，因为iframe网址会重定向到父网址。

我认为，您无法获取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.

无法在Fancybox iframe中添加CSS类

1 个答案: