使用colorbox jquery插件加載部分（外部）html頁面

Question

我如何得到它只使用鏈接的HTML頁面內包含的div。加載完整頁面沒問題。不過，我希望只加載加載頁面的子div。

HTML

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

的jQuery（DOC上的準備）

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

Answer 1

彩盒的Ajax功能是通過jQuery的load（）方法來處理，所以它的工作方式相同。您傳遞給colorbox的URL必須後綴一個空格，然後是要顯示的內容的選擇器。例如：$.colorbox({href: "mypage.html #myselector"});

你的使用將是這個樣子：

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