[英]JQuery issue hover on desktop, click on mobile & tablet
我在我的项目中使用以下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;
}
}
})
});
我认为您可以使用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').
在下面的一行中,您具有相同的内容。
希望它可以帮助您或指导您找到其他解决方案!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.