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>