无法获取未定义或空引用的属性“ hasClass”

Question

我正在使用AngularJS框架，并且在jquery中使用了“ hasClass”，以便将鼠标悬停在下拉菜单上。 它在chrome和FF中工作正常，但是在IE中，当我单击按钮并导航到另一页时，出现错误“无法获取未定义或null引用的属性hasClass”。 不会每次都显示此错误，但是它经常出现并且仅在IE中出现。 同样，有时会代替“ hasClass”而将“ height”作为未定义或空引用。 这是代码：

(function ($, window, delay) {

        var theTimer = 0;
        var theElement = null;
        var theLastPosition = { x: 0, y: 0 };
        $('[data-toggle]')
          .closest('li')
          .on('mouseenter', function (inEvent) {
              if (theElement) theElement.removeClass('open');
              window.clearTimeout(theTimer);
              theElement = $(this);

              theTimer = window.setTimeout(function () {
                  theElement.addClass('open');
              }, delay);
          })
          .on('mousemove', function (inEvent) {
              if (Math.abs(theLastPosition.x - inEvent.ScreenX) > 4 ||
                 Math.abs(theLastPosition.y - inEvent.ScreenY) > 4) {
                  theLastPosition.x = inEvent.ScreenX;
                  theLastPosition.y = inEvent.ScreenY;
                  return;
              }

              if (theElement.hasClass('open')) return;
              window.clearTimeout(theTimer);
              theTimer = window.setTimeout(function () {
                  theElement.addClass('open');
              }, delay);
          })
          .on('mouseleave', function (inEvent) {
              window.clearTimeout(theTimer);
              theElement = $(this);
              theTimer = window.setTimeout(function () {
                  theElement.removeClass('open');
              }, delay);
          });
    })(jQuery, window, 50); // 50 is the delay in milliseconds

有什么建议么？ 谢谢。

Answer 1

Problably，问题是， mousemove事件可能更早触发比mouseenter在某些情况下。

然后，更好地检查mousemove事件侦听器中theElement是否仍然为null ：

.on('mousemove', function (inEvent) {
    /* ... */
    if (!theElement || theElement.hasClass('open')) { return; }
    window.clearTimeout(theTimer);
    theTimer = window.setTimeout(function () {
        theElement.addClass('open');
    }, delay);
})