Question

如何解决 ipad ＆amp;上的 Ascensor.js 问题？的 iphone ？您可以在此网站上看到问题：http://www.tepekaninsaat.com/test

Answer 1

我会在这里留下这个答案，以防任何人碰巧遇到与我相同的问题。

然后你可以这样做：

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

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

}

我创建了一个“按钮”，其中包含api中为ascensor.js提供的类，因此当触发手势时，我强制点击它。

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

Answer 2

它似乎在Ipad（和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({
            ...
        });
    }
 });

这不会使提升者在ipad上工作，但至少你是monopage网站再次可读：）

编辑：

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

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

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

Ascensor.js在iPad和iPad上运行不正常苹果手机

2 个答案: