Javascript 如何使引导下拉菜单在hover上工作

如何使引导下拉菜单在分辨率大于767px的情况下运行

我看到这样一个问题，它表明了这一点

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

但问题是，我必须禁用点击效果，只有在分辨率大于767px时。Ie低于此分辨率（尤其是在移动设备中），它必须在引导程序通常所做的点击上工作

我到目前为止所做的尝试

使css与此一致

ul.nav li.dropdown:hover > ul.dropdown-menu,
ul.nav li.dropdown:active > ul.dropdown-menu 
{
    display: block;    
}

并更改

<li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"/>

到

现在它禁用点击分辨率>767px， 并且在分辨率<767px时也可以使用单击事件 这里的问题是，在分辨率<767px的情况下，它不像以前那样完美地工作

---

这是我能来的最接近的地方，任何帮助都会被感激的

您可以使用媒体查询包装css代码：

@media (min-width: 768px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;    
    }
}

要禁用，请单击：

$('.nav .dropdown > a').click(function(event){
    event.preventDefault();
});

---

对于>768px已经没问题了，我需要它在<768中工作，同样通过这样做，我们如何才能禁用单击事件，即使在这种分辨率下？？我不明白，如果你可以在767px以上的分辨率下工作，为什么不能在下面工作？那么我如何才能禁用单击事件，我想我的问题对你来说并不清楚。你知道有一些平板电脑/平板电脑是触摸式的，并且>=768px宽吗？你的前提是有缺陷的。

$('.nav .dropdown > a').click(function(event){
    event.preventDefault();
});