2013-05-28 19 views
6

Ich habe ein Problem mit der Klickfunktion in der mobilen Webseite. Hier ist mein HTML-CodejQuery Mobile Klickereignis funktioniert nicht

<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> 

Bitte helfen Sie mir bei der Lösung dieses Problems.

+0

Sind Sie mit jQuery Mobile? Wenn ja, füge bitte [tag: jquery-mobile] zu deiner Frage hinzu. – Mooseman

+1

@Barlas, Siehe diese Antwort http://stackoverflow.com/questions/4755505/how-to-recover-touch-events-using-jquery-in-safari-for-ipad-is-it-possible – maximkou

+0

Vielen Dank . Ich habe mein Problem gelöst. Mein korrekter Code ist: Guwanch

Antwort

10

Ihr Element wird dynamisch hinzugefügt, verwenden Sie Ereignisdelegierung. Ändern Sie Ihre Click-Ereignis:

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

Scheint zu arbeiten: http://jsfiddle.net/Gq92f/ – tymeJV

+0

Sie, Sir, sind eine Legende. Ich habe mir die letzten 3 Stunden die Haare ausgerissen. Funktioniert perfekt jetzt, wo ich dazu gewechselt habe. DANKE!! –

0

'klicken touch' OR 'touchstart'

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

     if (! confirm('Are you sure?')) { 
      return false; 
     } 
     //... 
}); 
Verwandte Themen