javascript - jQuery 在单击和悬停之间切换事件处理程序

Question

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

我想要完成的是click在触摸设备和hover台式机上工作的响应式导航。

当我将窗口从小调整为大时，我的代码有效，但在缩小时不起作用（无法取消绑定悬停处理程序）。

如果有帮助，我正在使用引导程序的下拉菜单。

  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&show方法解决了这个问题。