1

我正在使用 Colorbox 在电子商店中显示产品，但我只想显示产品 div (#prodpreview) 而不是带有页眉、页脚等的整个页面。

每个产品链接如下所示：

<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>

这是我对 Colorbox 的调用：

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

我读过这个 ，但它对我不起作用，还有其他建议吗？

更新：我已经改变了一些事情，现在我正在使用以下调用在 Colorbox 中打开一个页面并显示一个特定的 div。

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

但是现在我失去了 Colorbox 的所有 iframe 功能，当我在 colorbox 中提交表单时，窗口关闭，我只剩下产品页面。那么我该如何从这里开始以结合这两个功能，打开一个 Colorbox 窗口以显示一个#div，但还具有 iframe 功能，以便我可以在 Colorbox 中提交表单？

4

2 回答 2

8

如果你想在颜色框中显示特定的 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-12T10:30:58.490 回答
-2

该 div 的正确脚本是：

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

因为它是一个 id 而不是一个类

于 2015-08-13T11:53:19.440 回答