Question

我正在使用fancybox来显示pdf。

它的工作正常，当我点击我的链接与class =＆＃34; fancybox_pdf＆＃34;时，pdf就像我想要的那样打开！

问题出在移动设备上，我也在我的智能手机上测试了这个问题，当我点击打开我的链接时使用class =＆＃34; fancybox_pdf＆＃34;时，pdf会被转移并且fancybox会打开，

你知道这是否正常？打开pdf的Fancybox不能在移动设备上运行吗？

（如果我在桌面上调整移动版本的浏览器大小，带有pdf的fancybox也能正常工作）

这是我的HTML：

<nav id="menu">
    <ul>    
      <li><a href="index.php">Home</a></li>
      <li><a class="fancybox_pdf" href="../pdf/pdf1.pdf">PDF 1</a></li>
      <li><a class="fancybox_pdf" href="../pdf/pdf2.pdf">PDF 2</a></li>
      <li><a class="fancybox_pdf" href="../pdf/pdf3.pdf">PDF 3</a></li>
   </ul>
</nav>

我有这个jQuery脚本：

 $(".fancybox_pdf").fancybox({
        width: '80%',
        height: '80%',
        autoSize: false,
        type: 'iframe',
        iframe: {
            preload: false
        } 
});

Answer 1

“PDF查看器”似乎存在多个问题 - 移动浏览器中的应用程序。尽管大多数人都支持iframe，但似乎大多数人都无法将“PDF查看器”嵌入其中。

但在这里我发现了一个非常有前途的替代解决方案，仅基于html5和javascript：PDF.js

您需要在您的网络服务器上拥有一些访问权限，并github才能安装它。，

打开pdf的Fancybox无法在移动设备上运行？

1 个答案: