当我在智能手机上显示页面时将其添加到我的页面答案

【问题标题】：Add onhover to my page when I display it on smartphone当我在智能手机上显示页面时将其添加到我的页面
【发布时间】：2014-10-28 10:41:31
【问题描述】：

当您将鼠标悬停在菜单上时，当我从您的计算机上使用您的页面时，我收到了一个选择语言的菜单。

在智能手机上使用手时，我想做同样的事情。

我正在尝试使用这个 Hammer.js，但它不起作用。在我的代码下方。

$(document).ready(function(){
    var languageToChange = $('.lang-list a');
    var change = Hammer(languageToChange).on('tap', function(event){
        alert(event);
    });
});

【问题讨论】：

你不能在触摸屏上设置hover 事件:) 我假设你希望它通常是hover，而在触摸设备上是tap？
@Jivings Yes :) 我想正常悬停并点击移动设备。这是怎么做到的？

标签： javascript jquery hammer.js onhover

【解决方案1】：

您应该检测屏幕的宽度，如果它低于 780 像素，则使用点击，否则使用悬停事件。 Bootstrap 可以帮助您制作响应式网站。如果您不想使用它，请尝试以下操作：

function desktopEvent( text ){
    alert( "Desktop:" + text );
}
function mobileEvent( event ){
    alert( "Mobile" + text );
}

$(document).ready(function(){

    var languageToChange = $('.lang-list a');
    var change;
    if ( $(document).width() < 780){
        change = Hammer(languageToChange).on('tap', mobileEvent( event ));
    } else {
        change = Hammer(languageToChange).on('mouseover', desktopEvent( event ));
    }
});

【讨论】：