有人可以向我解释为什么我会收到Stack Overflow吗？

Question

更新(固定)小提琴在这里

未捕获RangeError:超出最大调用堆栈大小

这是一个简单的自定义标题,在鼠标悬停在元素上时显示.几次显示后它会中断.

function showtitle(title) {

  $('.button').bind('mousemove', function(e){
    $('.message').fadeIn(600);
    var message = $('.message').css({
      'position' : 'absolute',
      'left' : e.pageX,
      'top'  : e.pageY + 25
    });
    var print = title;
    $('.message').html('<span>' + print + '</span>');

  });

}
function hidetitle() {
  $('.message').hide();
}

Answer 1

mousemove每次鼠标移动到元素上时,您都会重新绑定事件,但永远不会将其取消.

function moveHandler(e) {
    $('.message').fadeIn(600);

    var message = $('.message').css({
        position: 'absolute',
        left: e.pageX,
        top: e.pageY + 25
    });

    $('.message').empty().append($('<span>', {text: title}));
}

function showtitle(title) {
    $('.button').bind('mousemove', moveHandler);
}

function hidetitle() {
    $('.message').hide();
    $('.button').unbind('mousemove', moveHandler);
}

您还可以mousemove始终保持事件,并使用CSS :hover来显示和隐藏工具提示.

我猜这不是因为浏览器的事件循环,而是因为jQuery处理事件或jQuery的动画排队.你也应该消失在相应的消息一度在showtitle,并设置其在同一时间的文本; 不是每次鼠标移动.