我为一个网站工作,该网站有一个基于Umbraco的网站,并使用bootstrap和Jquery。
我们有一个顶部导航菜单,其中包含页面和子页面。将鼠标悬停在导航菜单上时,它会打开子菜单并让您转到它们。
在移动设备上查看此菜单时,它会变成一个汉堡包,当您点击它时,它会下拉并显示主要标签。在此单击主选项卡时,它会快速显示子菜单,然后转到主选项卡,而不是让您单击子菜单。
问题是这是一个即将推出的大型网站,因此没有简单的方法可以找到什么链接。解决这个问题的优雅方法是什么?
由于它是一家公司,我无法提供链接。
谢谢!
答案 0 :(得分:0)
你可以尝试使用这个JS(需要jQuery):
$(".dropdown").on('click', function (e) {
e.preventDefault();
});
或者您可以将菜单部分更改为仅将URL放入具有下拉列表的菜单项中,而是将#放在其位置。