JQuery问题悬停在桌面上，点击手机和平板电脑

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').，在下面的行中，你也有同样的东西。

希望它能帮助你或引导你找到另一个解决方案！