jqueryでタブレットのイベントがタブレットで動作しない理由

Question

タブレットのタップイベントが、次の例のデスクトップのクリックと同じように機能しない理由はありますか？ クラスpqのdiv内をクリックすると、divは赤く、クラスpqのdivの外側をクリックするとクラスpqのすべてのdivが白くなります。タブレット上のタップdoesntのとデスクトップ上の作品が、同じロジックに

<div class="pq"> 
paragraph1 
</div> 
<div class="pq"> 
paragraph2 
</div> 
<div class="pq"> 
paragraph3 
</div> 

<script src="https://code.jquery.com/jquery-3.2.1.js"></script> 


$(document).click(function (e) { 
     $('.pq').css("background-color", "white"); 
     if ($(e.target).hasClass("pq")) { 
       $(e.target).css("background-color", "red"); 
      } 
    }); 




$(document).tap(function (e) { 
     $('.pq').css("background-color", "white"); 
     if ($(e.target).hasClass("pq")) { 
       $(e.target).css("background-color", "red"); 
      } 
    }); 

をクリックして、ここで例を実行することができます：https://jsfiddle.net/f2j7g92d/

Answer 1

この含めるようにしてみてください：あなたのスクリプトに

<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"><script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

を、それならばまだ動作しません私はthisウェブサイトに助言したいと思います。