Question

我在我的项目中使用以下JQuery来使顶级菜单链接单击一次以打开一个子菜单，然后再次单击同一顶级链接以转到其URL。该代码在移动设备和平板电脑上均能正常工作，但现在它已影响到桌面菜单悬停在顶级链接上。我希望此代码仅适用于768px以下的移动设备和平板电脑设备。任何帮助表示赞赏。谢谢。

$(document).ready(function () {
$(‘#nav li').children('ul').hide();
$(‘#navl li a').click(function (event) { 
    var ts=$(this);
 var len=$(ts).parent('li').has('ul').length;
   if(len>0)
   {
       if($(ts).hasClass('clicked'))
       {

       }
       else
       {
           $(ts).parent('li').find('ul').first().slideDown();
           $(ts).addClass('clicked');
           return false;
       }
   }
})

}）;

Answer 1

我认为您可以在显示时使用jQuery来检查网页的分辨率：

$(window).resize(function () {
    if ($(window).width() < 768) {
        //Do something or in this case, put the code that needs to run under this situation
    }
});

这将每次更改网页/浏览器的分辨率。

我还注意到，在您的代码中，您有：$(‘#nav li').，如果我的视野很好，那么只有一个'，您就必须像这样更改它：$('#nav li').在下面的行中，您具有相同的内容。

希望它可以帮助您或指导您找到其他解决方案！

将JQuery问题悬停在桌面设备上，然后点击移动设备和平板电脑

1 个答案: