Colorbox iframe - 仅加载特定div

Question

我使用wordpress和jquery colorbox插件，并且我正在从我的网站加载一个内部页面到iframe。我想只加载特定的div ID，或者隐藏特定的div ID或类。我读过Colorbox Load Specific div from iFrame，但不幸的是我无法获得此代码的工作，整个页面继续显示在iframe中。我的链接用class .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>