jquery clickイベントは、モバイルブラウザではなく、デスクトップブラウザでの動的コンテンツに対して機能します

Question

デスクトップブラウザでは動作しますが、モバイルデバイスでは動作しない動的に読み込まれるコンテンツに対して、次のコードを使用します。これは、モバイル

<script> 
    $('document').ready(function(){ 
     $('li p').click(function(){ 
      $('#ordered').load('cart.php?action=add&id='+this.id); 
    }); 
</script> 

リストに取り組んでいます

商品名、価格を示しています

まず、私は私がリストに/オーダーしたい項目を追加します。このような動的なコンテンツを、呼び出します、qty、リストから項目を削除するオプションがあります。削除するコードは次のようになります：

これは

<script> $('document').ready(function(){ $('.r').bind('click',function(){ $('#ordered').load('cart.php?action=delete&id='+this.id); });}); </script> 

モバイルおかげで、私は私の解決策を持って

EDIT上では動作しません。私は要素を動的に呼び出していて、その正常に動作していたので、live()関数を使用しなければなりませんでした。申し訳ありませんが、私の悪い。 ：Pどのようにすべてありがとう。 :)

Answer 1

タップイベントにはJQueryMobileを使用する必要があります。クリック数は、常に

ジャストアイデアとして、タッチスクリーン上では動作しません - あなたは、タップ、クリックイベントハンドラをチェーンして処理することができますスワイプなど。一緒に

function myClickHandler (e) 
{ 
    //.. do work 
} 

$('li p').bind('click',myClickHandler) 
      .bind('tap', myClickHandler) 
      .bind('swipe', myClickHandler); 

、すなわちそのため、オフにカバーすることが可能ですすべての種類のイベントを一度に。あなたのjQueryの1.7からbind

はあなたが