在桌面上悬停显示 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/