Question

141

jQuery - Uncaught RangeError: Maximum call stack size exceeded

rated 0 times [ 142] [ 1] / answers: 1 / hits: 115538 / 11 Years ago, wed, may 22, 2013, 12:00:00

The following code (see Fiddle here) throws the stack overflow referred to in the question title. I'm trying to get a box shadow to display around a circular image in a pulse effect. Can anyone point out the recursion, please? I'm very much a Javascript novice and can't see it. Thank you.

HTML

<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; }

Javascript

function fadeIn() {

   $('#pulseDiv').find('div.advisersDiv').delay(400).addClass(pulse);

   fadeOut();

};



function fadeOut() {

   $('#pulseDiv').find('div.advisersDiv').delay(400).removeClass(pulse);

   fadeIn();

};

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

daquanmilesw

Add To Favorites

Follow

Total Points: 57

Total Questions: 102

Total Answers: 110

Location: Wallis and Futuna

Member since Sat, Aug 6, 2022

2 Years ago

daquanmilesw questions

1 array.filter is returning entire object instead of just one value

Thu, Jan 13, 22, 00:00, 2 Years ago

1 How to make Swiper JS display faction pagination and progress bar at the same time?

Tue, Jul 13, 21, 00:00, 3 Years ago

1 How can I do top level await

Sat, Jul 10, 21, 00:00, 3 Years ago

1 Svelte reactivity not triggering when variable changed in a function

Thu, Sep 17, 20, 00:00, 4 Years ago

1 Importing node modules in a WordPress plugin

Wed, Jun 24, 20, 00:00, 4 Years ago

View All

answered 11 Years ago luizc · Accepted Answer

Your calls are made recursively which pushes functions on to the stack infinitely that causes max call stack exceeded error due to recursive behavior. Instead try using setTimeout which is a callback.

Also based on your markup your selector is wrong. it should be #advisersDiv

Demo

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();