jquery - 在桌面上悬停时显示 DIV，在移动设备上单击时显示 DIV

Question

我想创建一个 div，在桌面上悬停时显示另一个 div，但在移动设备上单击时显示另一个 div。

这可能吗？

Answer 1

以下代码可能对您有帮助..

var isAndroid = /android/i.test(navigator.userAgent.toLowerCase());
var isWindows = /windows phone/i.test(navigator.userAgent.toLowerCase());
var isBlackberry = /blackberry/i.test(navigator.userAgent.toLowerCase());
var isiDevice = /ipad|iphone|ipod/i.test(navigator.userAgent.toLowerCase());

if(isAndroid || isWindows || isBlackberry || isiDevice){
    $('#element').on('click',function(){
         //your code here
    });
}else{
    $('#element').on('hover',function(){
         //your code here
    });
}

或者你可以看下面的帖子...

http://www.jquery4u.com/mobile/detect-mobile-devices-jquery/