Colorbox - 如何僅顯示特定的DIV

我使用Colorbox在電子商店中顯示產品，但我只想顯示產品div（#prodpreview），而不是整個頁面，包含頁眉，頁腳等。Colorbox - 如何僅顯示特定的DIV

每個產品的鏈接如下所示：

<a class="items" href="product.php?id=1" rel="items">Link to product 1</a> 
<a class="items" href="product.php?id=2" rel="items">Link to product 2</a>

這是我的電話，以彩盒：

$("a.items").colorbox({rel: 'items', iframe:true, transition:"fade", 
width:"80%", height:"90%", 
onClosed:function(){ location.reload(true); } });

我讀過this ，但它不會爲我工作，任何其他建議？

更新：我已經改變了一些事情，現在我正在使用以下調用在Colorbox中打開一個頁面並顯示特定的div。

$('a.items').colorbox({ href:function(){ return this.href + " #prodpreview"; }});

但現在我已經失去了彩盒的所有iframe的能力，當我在顏色框提交表單，窗口關閉，我只剩下的產品頁面。那麼，如何從這裏開始結合這兩個功能，打開一個Colorbox窗口來顯示一個#div，但也有iframe功能，以便我可以在Colorbox中提交表單？

來源

2012-06-12 bikey77

謝謝，我有一個類似的問題，你的更新幫助我！ – Alvaro

如果你想顯示在顏色框具體的div，你應該做的：

<div id="prodpreview" style="display:none"> 
    your stuff here 
</div> 
<a class='inline' href="#prodpreview">Inline HTML</a> 

<script> 
$(".inline").colorbox({inline:true}); 
</script>

來源

2012-06-12 10:30:58 Sarfraz

和來自外部URL的請求有關嗎？他們將如何看到產品？ – bikey77

-2

該DIV正確的腳本是：

<script>$("#inline").colorbox({inline:true});</script>

Becose它是一個ID不是一類

來源

2015-08-13 11:53:19 ghossio

Colorbox - 如何僅顯示特定的DIV

回答

相關問題