Bootstrap Umbraco菜单下拉单击

时间:2016-11-01 17:28:30

标签: javascript jquery html5 twitter-bootstrap umbraco

我为一个网站工作,该网站有一个基于Umbraco的网站,并使用bootstrap和Jquery。

我们有一个顶部导航菜单,其中包含页面和子页面。将鼠标悬停在导航菜单上时,它会打开子菜单并让您转到它们。

在移动设备上查看此菜单时,它会变成一个汉堡包,当您点击它时,它会下拉并显示主要标签。在此单击主选项卡时,它会快速显示子菜单,然后转到主选项卡,而不是让您单击子菜单。

问题是这是一个即将推出的大型网站,因此没有简单的方法可以找到什么链接。解决这个问题的优雅方法是什么?

由于它是一家公司,我无法提供链接。

谢谢!

1 个答案:

答案 0 :(得分:0)

你可以尝试使用这个JS(需要jQuery):

$(".dropdown").on('click', function (e) {
    e.preventDefault();
});

或者您可以将菜单部分更改为仅将URL放入具有下拉列表的菜单项中,而是将#放在其位置。