javascript - Ascensor.js が iPad と iPhone で正しく動作しない

Question

このAscensor.jsの問題をiPadとiPhoneで修正するにはどうすればよいですか? このサイトで問題を確認できます: http://www.tepekaninsaat.com/test

Answer 1

誰かが私と同じ問題に遭遇した場合に備えて、この回答をここに残しておきます。

これを使用してください：ジェスチャjqueryプラグインQuoJS

そして、次のようなことができます：

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

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

}

ascensor.js の API で提供されているクラスを使用して「ボタン」を作成したので、ジェスチャーがトリガーされたときに強制的にクリックさせました。

これは私の最初の貢献です。うまくいったことを願っています。

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 で ascensor を動作させるわけではありませんが、少なくともあなたのモノページ サイトは再び読めるようになります :)

編集 ：

別の解決策は、メタ タグを使用することです。

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

しかし、それが（ほとんど）表示の問題を解決する場合、ナビゲーション（少なくとも私がテストしたAndroidタブレットでは）は、マップの形状に応じて、まだ少し不安定で欠陥があります）