无法使用fancybox显示PDF

Question

Html代码

<div class="casestudy">//$casestudyDocData=http://localhost/xxxx/case/interview_questionarie.pdf

<iframe src="<?php echo $casestudyDocData; ?>"  width="395" height="195"> </iframe> 

<a class="fancypdf" href="<?php echo $casestudyDocData; ?>" >Link to PDF </a> 

jquery代码

$(".fancypdf").fancybox({
                'frameWidth': 680,
                'frameHeight':495,
                'overlayShow':true,
                'hideOnContentClick':false
});

我使用fancybox显示pdf无法加载请求的内容。

请稍后再试。但是fancybox无法显示pdf？任何人都能找到我所犯的错误吗？

Answer 1

你应该使用'type'：'iframe'

$(".fancypdf").fancybox({
                'frameWidth': 680,
                'frameHeight':495,
                'overlayShow':true,
                'hideOnContentClick':false,
                'type':'iframe'
});