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

您的用法将如下所示:

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