1

Colorbox を使用して e ショップで製品を表示していますが、ヘッダーやフッターなどを含むページ全体ではなく、製品 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 に答える