jquery - 无法使用 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'
});