Warum tippen nicht Ereignis auf Tablet in jquery tippen

Question

Irgendwelche Ideen, warum das Antippen Ereignis auf dem Tablet nicht in der gleichen Weise wie der Klick auf den Desktop im folgenden Beispiel funktioniert? Beim Klicken innerhalb von div mit der Klasse pq sollte das div rot gemacht werden und beim Klicken außerhalb des div mit der Klasse pq sollten alle divs mit der Klasse pq weiß werden. Klicken Sie Arbeiten auf dem Desktop, aber die gleiche Logik mit Hahn tut auf Tablet

<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"); 
      } 
    }); 

Kann Beispiel laufen hier: https://jsfiddle.net/f2j7g92d/

Answer 1

versuchen, dies umfassen:

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

in das Skript, wenn es funktioniert immer noch nicht Ich rate Ihnen zu this Website.