JQuery：为什么我的递归动画不能在停止调用时终止？

Question

这是我的代码

<div class="MenuButton" 
     onmouseenter="$(function pulse(){
         $('#menuManage').delay(50).animate({
             opacity:0.25, height:'+=10px'
         }).delay(50).animate({
             opacity:1.00, height:'-=10px'
         },pulse);
     })"
     onmouseleave="$(function(){
         $('#menuManage').stop(true, true);};)" 
     id="menuManage">

脉动效果在鼠标输入时开始，但在鼠标离开时不会停止。

发生了什么事？

Answer 1

您在mouseleave处理程序中有语法错误，请更改

$(function(){
    $('#menuManage').stop(true, true);
};) 

到

$(function(){
   $('#menuManage').stop(true, true);
}); 

更好的是，删除内联javascript