Colorbox iFrameから特定のdivを読み込みます。

Question

私はColorboxを使用しています。ウェブサイトの別のページから特定のdivを読み込みたいとします。今はiFrameを使用していますが、同じWebサイトに滞在しているので必ずしもiFrameである必要はありません。私のコードは今ある：

$(document).ready(function(){ 
    $(".iframe").colorbox({iframe:true, data:"#mainColumn", width:"80%", height:"80%"}); 
}); 

<a class="iframe cboxIframe" href="http://website.com/products-51>.html"> 

私はカラーボックスにhrefにページをロードするが、唯一の#mainColumnのdivを表示する必要があります。

Answer 1

ColorBoxは、ajaxを処理するためのjQueryの​​メソッドを利用しています。現在のドキュメントと同じドメインからドキュメントをロードする場合は、セレクタを使用してドキュメントの必要な部分だけを引き出すことができます。私はあなたが他のページから必要なコンテナが#mainColumn

var $iframe = $(".iframe"); 
$(".iframe").colorbox({ 
    href: $(".iframe").attr('href') + " #mainColumn", 
});