jQuery -未捕获的范围错误:超出了最大调用堆栈大小

Question

下面的代码抛出了问题标题中提到的堆栈溢出。我正试图让一个方框阴影以脉冲效果显示在一个圆形图像的周围。有人能指出递归吗？我是一个Javascript新手，看不出来。谢谢你。

断续器

<div id="pulseDiv"> 
      <a href="#" id="advisers-css-image">
           <div id="advisersDiv"><img src="http://ubuntuone.com/1djVfYlV62ORxB8gSSA4R4"></div>
      </a>
</div>

CSS

.pulse { box-shadow: 0px 0px 4px 4px #AEA79F; }

脚本

function fadeIn() {
   $('#pulseDiv').find('div.advisersDiv').delay(400).addClass("pulse");
   fadeOut();
};

function fadeOut() {
   $('#pulseDiv').find('div.advisersDiv').delay(400).removeClass("pulse");
   fadeIn();
};

Answer 1

您的淡入（） 函数调用淡出（） 函数，该函数再次调用淡入（）函数。递归在 JS 中。

Answer 2

您的调用是递归进行的，它将函数无限地推送到堆栈上，这会由于递归行为而导致最大调用堆栈超出错误。请尝试使用setTimeout，它是一个回调。

同样基于你的标记，你的选择器是错误的。它应该是< code>#advisersDiv

function fadeIn() {
    $('#pulseDiv').find('div#advisersDiv').delay(400).addClass("pulse");
    setTimeout(fadeOut,1); //<-- Provide any delay here
};

function fadeOut() {
    $('#pulseDiv').find('div#advisersDiv').delay(400).removeClass("pulse");
    setTimeout(fadeIn,1);//<-- Provide any delay here
};
fadeIn();