JQuery:为什么我的递归动画没有在调用stop时终止?

JQuery:为什么我的递归动画没有在调用stop时终止?,jquery,Jquery,这是我的密码 <div class="MenuButton" onmouseenter="$(function pulse(){ $('#menuManage').delay(50).animate({ opacity:0.25, height:'+=10px' }).delay(50).animate({ opacity:1.00, height:'-=10px' },p

这是我的密码

<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">

脉动效果在鼠标进入时开始,但在鼠标离开时不停止


发生了什么事?

您在mouseleave处理程序中出现语法错误,请更改

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


更好的是,删除内联javascript

为什么要在domready处理程序中的OneEvent中包装代码?我刚刚开始玩弄JQuery,所以我无法理解您所说的内容,但如果能确切了解您的建议,那就太好了。这是一个onDomReady处理程序:
$(function(){…})
当dom就绪时,它执行传递给它的函数。因为您使用的是OneEvent,所以无需等待dom准备就绪,因为它将准备就绪。
$(function(){
   $('#menuManage').stop(true, true);
});