2014-07-08 3 views
0

안녕하세요 저는 Fancybox와 두 가지 맞춤 대사를 사용하여 PDF 문서 또는 포함 된 비디오를 표시하고 있습니다. 그것이 내가이 큰 다음과 같이 작동하는 PDF 전체 화면으로 열 수있는 링크 보여줍니다 있도록 fancybox를 씁니다 beforeShow을 사용하고 PDF 파일의 삽입의 경우 : 그러나Fancybox 앞에 if 문 앞에

<script> 
$(".fancybox").fancybox({ 
openEffect : 'none', 
closeEffect : 'none', 
padding : [0, 15, 15, 15], 
helpers : { 
     title : null 
    }, 
    'scrolling' : 'no', 
    beforeShow : function() { 
    this.inner.prepend('<a class="full-screen" href="http://www.iofpi.co.uk/civicworks.net/wp-content/plugins/pdfjs-viewer-shortcode/web/viewer.php?file=<?php echo get_post_meta($post->ID, '_wpb_arch', true); ?>">View PDF Full Screen</a>'); 
}, 
iframe : { 
    preload: false 
} 

}); 
</script> 

을, 제가 지금하고 싶은 것은이있다 어떤 메타 볼이 채워지는지 확인하고 비디오 필드가 아닌 PDF이면 전체 화면보기 링크 만 표시하십시오. 아래와 같은 것이지만, 나는 그걸 작동시키지 못한다. 아무것도 보이지 않는다.

<script> 
$(".fancybox").fancybox({ 
openEffect : 'none', 
closeEffect : 'none', 
padding : [0, 15, 15, 15], 
helpers : { 
     title : null 
    }, 
    'scrolling' : 'no', 
    beforeShow : function() { 
    this.inner.prepend('<?php $pdfhref = get_post_meta($child_page->ID, '_wpb_arch', true); if ($pdfhref ) { ?> 
<a class="full-screen" href="http://www.iofpi.co.uk/civicworks.net/wp-content/plugins/pdfjs- viewer-shortcode/web/viewer.php?file=<?php echo get_post_meta($post->ID, '_wpb_arch', true); ?>">View PDF Full Screen</a> 
<?php } ?>'); 
}, 
iframe : { 
    preload: false 
} 

}); 
</script> 

대단히 감사합니다. 감사합니다.

답변

0

좋습니다. 이것으로 어려움을 겪고있는 다른 사람들을 위해, 필자가 엘리먼트 앞에 어떤 클래스가 있는지 확인함으로써 어떻게했는지 알아 보자.

<script> 
$(".fancybox").fancybox({ 
openEffect : 'none', 
closeEffect : 'none', 
padding : [0, 15, 15, 15], 
helpers : { 
     title : null 
    }, 
    'scrolling' : 'no', 
    beforeShow : function() { 
    if ($(this.element).hasClass('pdf')) { 
    this.inner.prepend('<a class="full-screen" href="http://www.iofpi.co.uk/civicworks.net/wp-content/plugins/pdfjs-viewer-shortcode/web/viewer.php?file=<?php echo get_post_meta($post->ID, '_wpb_arch', true); ?>">View PDF Full Screen</a>'); 
} 
    }, 
iframe : { 
    preload: false 
} 
}); 
</script>