Question

我正在使用jQuery for Bootstrap Menu hOver来关闭菜单上的时间延迟。

但现在的问题是，当我以较低的分辨率检查相同时，仍然会获得悬停状态。我想在低分辨率下停止下拉菜单的悬停状态......例如：768px。不幸的是，我无法更改代码。：（

的jQuery

/* Time Delay on Main Menu */   
        /* Main Menu */
        $('ul.nav li.dropdown').hover(function() {
          $(this).find('.pulse-dropdown').stop(true, true).delay(0).fadeIn(0);
        }, function() {
          $(this).find('.pulse-dropdown').stop(true, true).delay(300).fadeOut(300);
        });

        /* Sub Menu */
        $('li.dropdown-submenu').hover(function() {
          $(this).find('.pulse-dropdown2').stop(true, true).delay(0).fadeIn(0);
        }, function() {
          $(this).find('.pulse-dropdown2').stop(true, true).delay(200).fadeOut(200);
        });

Answer 1

您可以尝试使用jQuery的width()函数检查窗口的宽度，并且仅当窗口大于768px时才附加监听hover事件：

if ($(window).width() > 768) {
    /* Sub Menu */
    $('li.dropdown-submenu').hover(function() {
      $(this).find('.pulse-dropdown2').stop(true, true).delay(0).fadeIn(0);
    }, function() {
      $(this).find('.pulse-dropdown2').stop(true, true).delay(200).fadeOut(200);
    });

}

使用jQuery引导程序 - Dropdown悬停的屏幕分辨率问题

1 个答案: