twitter-bootstrap - if 语句结合 jQuery .hover

Question

我正在使用引导程序，并希望在全屏时使下拉菜单淡入，但是当窗口大小较小时，这看起来不太好，所以我想将其关闭并依赖基本引导程序。这是我的代码。我似乎无法让 if 语句起作用。

if ($(window).width() > 766){
$('.navbar .dropdown').hover(function() {
$(this).find('.dropdown-menu').first().stop(true, true).fadeIn(500)}, 
function() {
$(this).find('.dropdown-menu').first().stop(true, true).fadeOut(500)
});
};

Answer 1

请记住，jQueryfind()只会选择.dropdown您正在搜索的元素的后代

此外，现在编写 jQuery 选择器的方式hover（带有空格）将导致绑定仅适用于 的.dropdown子级.navbar，因此关系必须如下所示：

<div class="navbar">
    <div class="dropdown">
        Hovering here shows a menu
        <div class="dropdown-menu">
            This is the menu that fades
        </div>
    </div>
</div>