jquery - モバイルでのjquery「オン」イベント（iOS）

Question

次のように、動的に生成されたスパンで「on」イベントを使用しています。

$("body").on("click", "span", function(e){
    alert('clicked');
});

そしてそれは完璧に動作します。次に、モバイル（iOSのみ、これまでのところ）でテストしましたが、機能していないようです。

「タップ」がクリックとして認識されないか、クリックが発生しないCSSエラーである可能性があると考えていたので、次のように、通常のjavascriptイベントをスパンの1つにアタッチしてみました。

<span onclick="alert('hello');">hello</span>

しかし今回はうまくいきます！

誰かが手がかりを得ましたか？

Answer 1

jquery mobileをインストールし、「vclick」イベントを添付する必要があります。

また、「クリック」イベントを削除する必要があります。そうしないと、2回呼び出されます。

コードサンプル：

$("body").on("vclick", "span", function (e){
    //your function here
});

Answer 2

これは正常に動作するはずなので、おそらく他のコードが台無しになっている可能性があります。

次のように、タッチにバインドすることもできます。

$("body").on("click touch", "span", function(e){
    alert('clicked');
});

ただし、違いはありません。

Answer 3

touchstartイベントをバインドする必要があります:

$('span').bind( "touchstart", function(e)
  {
    // Clicked Span
   });