禁用移动版本中的下拉菜单

时间:2014-04-02 17:08:06

标签: jquery css wordpress

我正在制作一个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上的移动版

1 个答案:

答案 0 :(得分:0)

Jquery

(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; } }