2013-05-28 20 views
6

モバイルウェブページのクリック機能に問題があります。ここに私のHTMLコードですjQueryモバイルのクリックイベントが機能しない

<div data-role=content> 
    <input type="text" id="text"> 
    <div id="ss"></div> 
</div> 
<script type="javascript"> 
    $(document).ready(function() { 
     $("#text").keyup(function(){ 
      $('#ss').append('<div style="background:yellow;" >Text<br/><a class="te"> alert </a></div>'); 
     }); 

     $(".te").click(function(){ 
      alert("It is working"); 
     }); 
    }); 
</script> 

私はこの問題を解決すると私を助けてください。

+0

あなたはjQueryのモバイルを使用していますか?その場合は、質問に[tag:jquery-mobile]を追加してください。 – Mooseman

+1

@Barlas、この回答を見るhttp://stackoverflow.com/questions/4755505/how-to-recognize-touch-events-using-jquery-in-safari-for-ipad-is-it-possible – maximkou

+0

ありがとう。私は私の問題を解決しました。私の正しいコードは次のとおりです: Guwanch

答えて

10

あなたの要素は動的に追加され、イベント委任を使用します。あなたのクリックイベントは、に変更します。

$(document).on('click', '.te', function() { 
    //do stuff 
}); 
+0

動作しているようです:http://jsfiddle.net/Gq92f/ – tymeJV

+0

あなた、サーは伝説です。私はこの3時間の間に私の髪を引き裂いてきました。私はこれに切り替えたので、完璧に動作します。ありがとうございました!! –

0

OR 'touchstart' 'タッチをクリック'

$('.delete-my-account').on('click touch', function(e) { 
     e.preventDefault(); 
     e.stopPropagation(); 

     if (! confirm('Are you sure?')) { 
      return false; 
     } 
     //... 
}); 
関連する問題