javascript - 如何在使用 javascript 检测到移动设备时从 DIV 中删除悬停效果

Question

我使用 redirection-mobile.js 检测移动设备。 其代码如下:

 if (screen.width < 574) {
       var ref = document.referrer;
       var urls = new Array("http://127.0.0.1/eflip","http://127.0.0.1/eflip");
       var n = ref.match(urls[0]);
       var m = ref.match(urls[1]);
       if ((m!==null) || (n!==null)) {
       stop;
       }
       else if (ref=='') {
       var r = confirm("Small Display is Detected.\nClick \"OK\" for MOBILE SITE.");
       if (r==true) {

       }
        else {
        stop ;
       }
       }
       else
       {
       window.location = "http://127.0.0.1/eflip";
       }
      }

if (r==true) 是检测移动设备的条件。现在我想删除所有悬停效果。我试过 $('element').removeClass()，但它不起作用。

我们将不胜感激每一个帮助和评论。提前感谢大家:-)

Answer 1

您是在谈论删除事件或 css 效果？ 如果 css 效果，优雅的方法是通过 css，而不是删除已经应用的 css，只需将 css :hover 设置在媒体查询中，如下所示:

@media (min-width: 480px) {
 /*css you want to apply only in desktop */
   a:hover{...}
}

编辑

min-device-width: 480px) {
 /*css you want to apply only in desktop */
   a:hover{...}
}