使用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（）方法处理，因此它的工作方式相同。传递给colorbox的URL必须以空格为后缀，然后是要显示的内容的选择器。例如：$.colorbox({href: "mypage.html #myselector"});

您的用法如下所示：

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