jquery - colorbox jqueryプラグインを使用して部分的な（外部）htmlページをロードする

Question

リンクされたhtmlページ内に含まれているdivのみを使用するにはどうすればよいですか？完全なページの読み込みは問題ありません。ただし、ロードされたページの子divのみをロードしたいと思います。

html

<a href="/OrchardLocal/FactFindPreview?id=5" class="cboxElement">View Fact Submission</a> 

jquery（ドキュメント対応）

$(".required-info a").colorbox({ iframe: true, width: "80%", height: "80%" }); 

Answer 1

ColorBoxのajax機能はjQueryのload（）メソッドによって処理されるため、同じように機能します。カラーボックスに渡すURLには、末尾にスペースを付けてから、表示するコンテンツのセレクターを付ける必要があります。例えば：$.colorbox({href: "mypage.html #myselector"});

使用法は次のようになります。

$(".required-info a").colorbox({ href: function(){ return $(this).attr('href') + ' #mycontainer'; }, width: "80%", height: "80%" });