Question

我正在使用wordpress和jquery colorbox插件，我正在将我的网站内部页面加载到iframe中。我想要只加载一个特定的div ID，或者隐藏特定的div ID或类。我已阅读Colorbox Load Specific div from iFrame但遗憾的是我无法使此代码生效，整个页面继续显示在iframe中。我的链接用类.colorbox-link标识，我试图只在iframe中显示#main的div。这是我在header.php中的当前代码：

<script type="text/javascript">
    $(window).load(function () {
        var $iframe = $(".colorbox-link"); 
        $(".colorbox-link").colorbox({      
             href: $(".colorbox-link").attr('href') + " #main", 
        }); 
    }); 
</script>

很抱歉，如果这是一个jquery新手问题 - 提前感谢任何帮助！

Answer 1

在这种情况下，好的colorbox不会在iframe中显示任何内容。 iframe不是colorbox假设的，你必须将colorbox的iframe属性显式设置为true才能在iframe中显示内容。无论如何，这不是你想要做的事情。

您发布的代码应该可以使用（在逗号之外），所以也许您应该发布一个链接来演示您遇到的问题。还要仔细检查'#main'是否与要加载的文档中的元素匹配。

<script type="text/javascript">
    $(window).load(function () {
        $(".colorbox-link").colorbox({      
             href: function(){ return $(this).attr('href') + " #main";}
        }); 
    }); 
</script>

Colorbox iframe - 仅加载特定div

1 个答案: