javascript - Ascensor.js 在 iPad 和 iPhone 上无法正常工作

Question

如何在ipad和iphone上解决这个Ascensor.js问题？你可以在这个网站上看到问题：http ://www.tepekaninsaat.com/test

Answer 1

我会在这里留下这个答案，以防有人碰巧遇到和我一样的问题。

使用这个：手势jQuery插件QuoJS

然后你可以做这样的事情：

//QuoJS gesture    
$$('#mama').swipeLeft(function(){
        doit();
    }); 

function doit()
{
   $('.ascensorLinkNext:first').trigger('click');

}

我使用 api 中为 ascensor.js 提供的类创建了一个“按钮”，因此我在触发手势时强制单击它。

这是我的第一个贡献。我希望我做得很好。

Answer 2

它似乎在 Ipad(s) 上根本不起作用（以及 android 平板电脑）

我所做的是为使用 modernizr 的触摸设备禁用它：

在html中

<script src="ascensor/js/modernizr.2.6.1.js" type="text/javascript"></script>

（在调用 jquery 之前）

然后在 myscript.js ：

$(document).ready(function() {
    if (Modernizr.touch){ // detion of touch
        // do nothing
        // should try to find a way to load an alternate 
        // stylesheet for ipads/android here
    } else {
        // load ascensor
        $('#content').ascensor({
            ...
        });
    }
 });

这不会使 ascensor 在 ipad 上工作，但至少你的 monopage 网站可以再次阅读:)

编辑 ：

另一种解决方案是使用元标记：

<meta name = "viewport" content = "user-scalable=0,width=device-width,initial-scale=1,maximum-scale=1" />

但是，如果它（大部分）解决了显示问题，导航（至少在我测试它的 Android 平板电脑上）仍然有点不稳定和故障，具体取决于地图的形状）