点击和悬停之间的jQuery切换事件处理程序

Question

我知道我可以使用on和off添加和删除处理程序。

我想要实现的目标是让触摸设备上的click和桌面上的hover都能使用自适应导航。

当我将窗口从小到大调整大小但在缩小时无法解除阻止处理程序时，我的代码可以正常工作。

如果有帮助，我正在使用bootstrap的下拉菜单。

  enableHover : function() {
    $('.dropdown-toggle').off();
    $('.dropdown-toggle').parent().on({ //parent needed for hover
        mouseenter: function() {
          $(this).addClass('open').find('ul').show();
        },
        mouseleave: function() {
          $(this).removeClass('open').find('ul').hide();
        }
    });

  },
  disableHover : function() {
    $('.dropdown-toggle').parent().off('mouseenter mouseleave');
    $('.dropdown-toggle').dropdown();
  }

Answer 1

使用课程代替hide＆amp; show方法解决了这个问题。