if语句与jQuery .hover结合使用

Question

我正在使用bootstrap，并希望在全屏时使下拉菜单淡入，但是当窗口尺寸较小时，这个剂量看起来不太好，所以我想将其关闭并依赖于基本引导程序。这是我的代码。我似乎无法让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

请记住，jQuery的find()只会选择您要搜索的.dropdown元素的后代

此外，现在编写hover的jQuery选择器（带空格）的方式将导致绑定仅适用于.dropdown的{​​{1}}子项，因此关系必须看起来像这样：

.navbar