jquery - 在移动版本中禁用下拉菜单

Question

我正在研究一个 wordpress 主题，我面临一个问题，即在移动版本中鼠标悬停时显示子菜单。我基本上想要实现的是停止在移动版本中显示子菜单，即使在悬停和单击时也不应该在移动设备中不惜任何代价显示它。我可以通过 jquery 也可以通过 css 做到这一点，但在 css 中它也会影响菜单在更大屏幕上的正常显示，而不是手机和通过 jquery 我试过但不幸的是一切都是徒劳的。下面是 jquery 的代码，我也更喜欢 jquery，所以需要你们的帮助

jQuery(window).resize(function() {

var windowWidth = jQuery(window).width(); //retrieve current window width
var windowHeight = jQuery(window).height(); //retrieve current window height
if(windowWidth < 1024){

   jQuery('ul.nav li.dropdown a').click(function (){
   jQuery($this).find('ul.dropdown-menu').css("display" , "none !important");

   });
 }
});

我通过多种方式处理它，但这是最新的，我也知道我不擅长 jquery。下面是网站的链接，当您将鼠标悬停在服务上时，您可以在其中看到相同的内容 http://test.nerdalert.com/还有你们可以在http://www.responsinator.com/?url=test.nerdalert.com%2F上查看移动版本

Answer 1

查询

(function( $ ) {  
    var mobile = $.browser.mobile;
             
    if(!mobile) {
                    
                       

    Your Code
 Here     

    }
        
        }(jQuery);

或者加载速度更快的 CSS。

@media all and (max-width: 480px) { .What You Are Hiding Here { display: none; } }