Загрузка частичной (внешней) страницы html с помощью colorbox jquery plugin

Question

Как заставить его использовать только содержащий div внутри связанной страницы html.? Загрузка полной страницы в порядке. Однако я хочу загрузить только дочерний 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 в обрабатывается методом Jquery по нагрузке(), так что он работает точно так же. URL-адрес, который вы передаете в colorbox, должен быть помечен пробелом, а затем селектором для содержимого, которое вы хотите отобразить. Например: $.colorbox({href: "mypage.html #myselector"});

Ваше использование будет выглядеть примерно так:

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