jQuery mouseleave多次触发

Question

我有一个带有多个子元素的svg容器，我将一个jQuery事件处理程序附加到（.mouseleave）。它有效，但每次被触发时，以下执行都会被多次触发...所以，第一次触发mouseleave时，它会按预期触发一次，但第二次触发两次，第三次触发三次，等等。我不知道造成这种情况的原因是什么并且无法通过Google搜索找到任何内容。这是截图和代码：

Answer 1

我很确定你的问题是由于你的dom元素的多个事件监听器附件而产生的。请尝试在$('#svgArcs').mouseleave(function(e){行之前添加此内容：

$('#svgArcs').off('mouseleave')

那应该解决它。