Javascript 为什么不在jquery中点击平板电脑上的事件工作

你知道为什么平板电脑上的点击事件与下面示例中的桌面点击不一样吗？ 在等级为pq的div内单击时，div应变为红色，在等级为pq的div外单击时，所有等级为pq的div应变为白色。Click在桌面上工作，但与tap在平板电脑上不工作的逻辑相同

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

第1段
第2段
第3段
$（文档）。单击（函数（e）{
$（'.pq'）.css（“背景色”、“白色”）；
if（$（e.target）.hasClass（“pq”））{
$（e.target）.css（“背景色”、“红色”）；
}
});
$（文档）.tap（函数（e）{
$（'.pq'）.css（“背景色”、“白色”）；
if（$（e.target）.hasClass（“pq”））{
$（e.target）.css（“背景色”、“红色”）；
}
});

可以在此处运行示例：

尝试包括以下内容：

---

在脚本中，如果仍然不起作用，我建议您访问网站。

我认为对于tap事件，您需要jQuery mobile，即使如此，您也不能直接将其定义为单击。谢谢Ace，我添加了@AnnaHmd，请记住确保URL是正确的。