首先,只判断是否是用移动设备浏览的:
// Mobile 这里是只有不再移动设备上访问时,才给相应元素加上 mouseenter 和 mouseleave 事件。
if (!navigator.userAgent.match(/mobile/i)) { $(‘.nav-dots span‘).mouseenter(function() { $(this).css(‘background-color‘, ‘rgba(0, 0, 0, 0.2) !important‘); }); $(‘.nav-dots span‘).mouseleave(function() { $(this).css(‘background-color‘, ‘rgba(255, 255, 255, 0.2) !important‘); }); }
---------------------------------------------------------------------------------------------------------
第二,需要得到详细的移动设备的类型:
$(document).ready(function() { var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; }, Windows: function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows()); } }; if (isMobile.any()) { $(‘.main_header‘).hide(); } });
时间: 2024-10-20 20:13:00