Colorbox iframe - 특정 div 만로드

Question

저는 wordpress와 jquery colorbox 플러그인을 사용하고 있습니다. 내 웹 사이트의 내부 페이지를 iframe에로드하고 있습니다. 특정 div ID 만로드하거나 특정 div ID 또는 클래스를 숨기려고합니다. Colorbox Load Specific div from iFrame을 읽었지만 불행히도이 코드를 작동시키지 못하면 전체 페이지가 iframe에 계속 표시됩니다. 내 링크는 클래스 .colorbox-link로 식별되며 iframe 내부에 #main의 div 만 표시하려고합니다. 여기에 내가 header.php에 배치 한 내 현재 코드는 : 이것은 JQuery와 초보자의 질문 인 경우

<script type="text/javascript"> 
    $(window).load(function() { 
     var $iframe = $(".colorbox-link"); 
     $(".colorbox-link").colorbox({  
      href: $(".colorbox-link").attr('href') + " #main", 
     }); 
    }); 
</script> 

죄송합니다 - 감사합니다 사전에 어떤 도움!

Answer 1

글쎄 컬러 박스는이 상황에서 iframe에 아무 것도 표시하지 않습니다. iframe은 colorbox가 가정하지 않는 것이므로 iframe에 무언가를 표시하려면 colorbox의 iframe 속성을 명시 적으로 true로 설정해야합니다. 이것은 어쨌든이 상황에서 당신이하고 싶은 일이 아닙니다.

게시 한 코드가 해당 빗나간 쉼표 밖에서 작동해야하므로 문제가 있음을 나타내는 링크를 게시해야합니다. 또한 '#main'이로드중인 문서의 요소와 일치하는지 다시 한 번 확인하십시오.

<script type="text/javascript"> 
    $(window).load(function() { 
     $(".colorbox-link").colorbox({  
      href: function(){ return $(this).attr('href') + " #main";} 
     }); 
    }); 
</script>