为什么不在jquery中使用平板电脑上的活动工作

时间:2017-04-11 08:16:01

标签: javascript jquery

为什么平板电脑上的点击事件与以下示例中的点击桌面上的点击工作方式不同? 在使用类pq单击div内部时,div应该变为红色,并且在具有类pq的div外部单击时,所有具有类pq的div应该变为白色。单击可在桌面上使用,但在平板电脑上点按不相同的逻辑

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

1 个答案:

答案 0 :(得分:0)

尝试包括这个:

<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网站。