jQuery mobile click event not working

Question

У меня есть проблема с функцией click на мобильной веб-странице. Вот мой html-код

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

Пожалуйста, помогите мне в решении этой проблемы.

Answer 1

Ваш элемент добавлен динамически, используйте делегирование событий. Изменение события нажатия на:

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

Answer 2

'нажмите касание' ИЛИ 'touchstart'

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

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