Question

我试图让Fancybox2在Ipad上运行。我正在使用本网站http://fancyapps.com/fancybox/中发布的所有文件。如果它在笔记本电脑上运行，我的代码甚至可以在浏览器上工作，但它在iPad / iPhone上无法正常工作。我点击它时试图在FULL-SCREEN中显示图像，但它没有显示任何内容。当您点击图像时，它会打开一个新的空白窗口，其中Buttom“Done”将其关闭但没有图像。

这是来自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做，那么有人知道另一种方法吗？

Answer 1

我用touchend Event

修正了这个问题

＆＃13;

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

＆＃13;

Fancybox无法在iPad上运行

1 个答案: