Question

您好我使用Fancybox和一些自定义元变量来显示PDF文档或嵌入视频。当它嵌入PDF时，我使用beforeShow来预装fancybox，因此它显示了一个打开PDF全屏的链接，如下所示：

<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>

任何帮助非常感谢。感谢

Answer 1

好的，怀疑了！对于其他任何在这里苦苦挣扎的人来说，我是如何通过检查元素在前置之前是否具有某个类来实现的。

    <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>

在Fancybox中添加if语句

1 个答案: