Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery fancybox展示pdf_Jquery_Fancybox - Fatal编程技术网

Jquery fancybox展示pdf

Jquery fancybox展示pdf,jquery,fancybox,Jquery,Fancybox,嗨,我正试图用fancybox显示PDF,但我不能 我有以下代码: $(".fancybox").fancybox({ 'frameWidth': 100, 'frameHeight':495, 'overlayShow':true, 'hideOnContentClick':false, 'type':'iframe' }) 及 但我看到了生成pdf的方式: 有人知道如何解决正确显示传真机的问题吗?问候语。你能解释一下

嗨,我正试图用fancybox显示PDF,但我不能

我有以下代码:

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


但我看到了生成pdf的方式:


有人知道如何解决正确显示传真机的问题吗?问候语。

你能解释一下什么不适合你吗?它应该在以下方面起作用:


​$(“.fancybox”)。fancybox({
宽度:600,
身高:300,
类型:'iframe'
});​

这是我的工作,我希望能为你工作

<a class="btn btn-info btn-sm btn-hover gallerypdf" data-fancybox-type="iframe" href="../../assets/img/exp_2493_parte-3.pdf"><span class="glyphicon glyphicon-eye-open"></span></a>

Fancybox通过查看文件扩展名gif、jpg、pdf等,尝试根据给定的url自动检测内容类型。在您的情况下,它无法被检测到,因为您的url不是以“.pdf”结尾的,因此您必须手动设置类型

接受的解决方案很好,因为在初始化fancybox时,可以使用
type
选项来完成,但是如果内容(图像和pdf)混合在一起,则无法工作。在这些场景中,您可以使用
数据类型
内联属性并标记每个条目

例如,您可以执行以下操作:

<a href="getimages.php?id=123" data-type="image">
    Show image
</a>
<a href="getpdf.php?id=123" data-type="iframe">
    Show pdf
</a>
<a href="getajax.php?id=123" data-type="ajax" data-src="my/path/to/ajax/">
    Show ajax content
</a>


。。。依此类推。

iframe:{preload:false//修复了iframe和IE的问题。
这修复了IE 9的问题
<a class="btn btn-info btn-sm btn-hover gallerypdf" data-fancybox-type="iframe" href="../../assets/img/exp_2493_parte-3.pdf"><span class="glyphicon glyphicon-eye-open"></span></a>
<a href="getimages.php?id=123" data-type="image">
    Show image
</a>
<a href="getpdf.php?id=123" data-type="iframe">
    Show pdf
</a>
<a href="getajax.php?id=123" data-type="ajax" data-src="my/path/to/ajax/">
    Show ajax content
</a>