Colorbox iFrame에서 특정 div를로드하십시오.

Question

저는 Colorbox를 사용하고 있으며 웹 사이트의 다른 페이지에서 특정 div를로드하려고합니다. 지금은 iFrame을 사용하고 있지만 동일한 웹 사이트에 머물러 있기 때문에 반드시 iFrame 일 필요는 없습니다. 내 코드는 바로 지금이다 : 나는 Colorbox에 href에서 페이지를로드하지만, 단지 #mainColumn DIV를 표시해야

$(document).ready(function(){ 
    $(".iframe").colorbox({iframe:true, data:"#mainColumn", width:"80%", height:"80%"}); 
}); 

<a class="iframe cboxIframe" href="http://website.com/products-51>.html"> 

.

Answer 1

ColorBox는 jQuery의 .load() 아약스 처리 방법을 이용합니다. 현재 문서와 동일한 도메인에서 문서를로드하는 경우 선택기를 사용하여 필요한 문서 부분 만 가져올 수 있습니다. 그것이 작동하지 않는 지금의 나는 당신이 다른 페이지에서 원하는 컨테이너를 가정하고하는 것은 그냥로드 #mainColumn 내부의 내용을 표시 할 필요가 #mainColumn

var $iframe = $(".iframe"); 
$(".iframe").colorbox({ 
    href: $(".iframe").attr('href') + " #mainColumn", 
});