0

我正在使用 wordpress 和 jquery colorbox 插件，并且正在将我网站的内部页面加载到 iframe 中。我想要么只加载特定的 div ID，要么隐藏特定的 div ID 或类。我已经从 iFrame 阅读了 Colorbox Load Specific div，但不幸的是我无法让此代码正常工作，整个页面继续显示在 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 新手问题 - 在此先感谢您的帮助！

4

1 回答 1

2

在这种情况下，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>
于 2012-07-08T02:23:21.853 回答