Sự kiện nhấp chuột trên thiết bị di động jQuery không hoạt động

Question

Tôi gặp sự cố với chức năng nhấp chuột trong trang web trên thiết bị di động. Đây là mã html của tôi

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

Hãy giúp tôi giải quyết vấn đề này.

Answer 1

Phần tử của bạn được thêm động, sử dụng ủy quyền sự kiện. Thay đổi sự kiện click của bạn để:

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

Answer 2

nghe tiếng 'click touch' HOẶC 'touchstart'

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

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