在移动点击事件?

时间:2014-11-16 19:30:59

标签: javascript jquery html css mobile

首先,我知道这已经被回答了很多次,但是我尝试做的所有事情都没有奏效。所以这是我的问题:

我有一个非显示的div,我想在用户点击div时显示,所以我有这个javascript代码:

$(document).ready(function() {
    $(".hamburger-menu").on("click", function(){
        var display = $(".menu-mobile").css("display");
        if (display == "none") {
            $(".menu-mobile").css("display", "block");
        } else {
            $(".menu-mobile").css("display", "none");
        }
    });
});

这在我的桌面上完美运行,但在我的手机中不起作用 我在其他答案中找到的是将 .on(“点击”)值更改为 .on(“click touchstart”) .on(“点击“),但它们都不起作用。

那么问题是什么?我有另一个不需要任何点击事件的动画,它在我的手机上运行得非常顺畅。有谁可以帮助我?

感谢。

1 个答案:

答案 0 :(得分:1)

jquery和检测触摸存在一些问题。我觉得最好用javascript设置事件监听器来处理这类事情。我有这样的运气:

this.addEventListener('touchend', function(e){happens(e)}, false);

touchend对于移动设备来说是一个很好的mouseup等价物。 touchstart应该像您尝试的那样适用于mousedown