Fancybox 无法在 iPad 上运行答案

【问题标题】：Fancybox not working on iPadFancybox 无法在 iPad 上运行
【发布时间】：2014-11-12 08:09:01
【问题描述】：

我正在尝试让 Fancybox2 在 Ipad 上运行。我正在使用本网站http://fancyapps.com/fancybox/ 上发布的所有文档。如果我的代码在笔记本电脑上运行，即使在 iBooks 上也可以在浏览器上正常工作，但在 iPad/iPhone 上不能正常工作。当您点击它时，我试图以全屏显示图像，但它没有显示任何内容。当您点击图像时，它会打开一个新的空白窗口，并使用“完成”按钮将其关闭但没有图像。

这是来自 Indesign 的 .xhtml 文档的标题。

<?xml version="1.0" encoding="UTF-8" standalone="no" ?><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
    <head>
        <meta charset="utf-8"/>
        <meta content="width=553,height=723" name="viewport"/>
        <title>001NEGRA-3</title>
        <script src="../Misc/jquery-1.10.1.min.js" type="text/javascript"/>
        <link rel="stylesheet" href="../Styles/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
        <script type="text/javascript" src="../Misc/jquery.fancybox.pack.js?v=2.1.5"></script>
        <script type="text/javascript" src="../Misc/jquery.fancybox.js"></script>
        <link href="../Styles/idGeneratedStyles.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript">
            $(document).ready(function() {
            $(".fancybox").fancybox();
                });
        </script>
</head>

这是图像的行：

<a class="fancybox" href="../Images/fig01_003.png">
    <img alt="" class="_idGenPageitem-2 _idGenPageitem-3" src="../Images/fig01_003.png"/>
</a>

非常感谢！！如果用fancybox 做不到，有人知道另一种方法吗？

【问题讨论】：

你要么安装fancybox.js 要么安装fancybox.pack.js，但不能同时安装。 fancyapps.com/fancybox 的演示可以在您的 iPad 上运行吗？
好的。我只安装了一个。如果我用 Safari (iPad) 打开演示，一切正常。
我正在制作从 Indesign 上制作的书籍导出的 FixLayout ePub。我想使用 EPUB 3 格式支持的 javascript 或 jQuery 来实现这种效果。它适用于 MacBook 中的 iBooks，但不适用于 iBooks。这是我看到的：link 当你点击时这是：link

标签： jquery ipad fancybox epub ibooks

【解决方案1】：

我用 touchend 事件解决了这个问题

$('div').on('touchend', (event) => {
 $.fancybox.open($("dive"),{
     autoSize: true,                
 });
});

【讨论】：