Tom Oakley
Tom Oakley

Reputation: 6403

jQuery anonymous function

I have some code (below) which I wrote for a small piece of text to fade in out through a cycle of around 4 paragraphs. It works, but whenever I bring up the Web Inspector, it just tells me that it's an 'Anonymous function'. This is really annoying. Does anyone know how to fix it?

Btw, the bit that it hightlights as an anonymous function is:

slides[current].fadeOut("slow");
slides[target].fadeIn("slow");

The whole extract of code is here:

$(document).ready(function() {

var About = {
    init: function() {
        var slide_images = $('#widget p')
            slides = new Array(),
            delay = 5,
            current = 0;

        slide_images.each(function(index) {
            current = index;
            slides.push($(this));
        });

        var interval = setInterval(function() {
            target = (current < (slides.length - 1)) ? current + 1 : 0;

            slides[current].fadeOut("slow");
            slides[target].fadeIn("slow");

            current = target;
        }, delay * 750);

    }
} 
About.init();
});

I made a jsfiddle here.

Upvotes: 1

Views: 2292

Answers (1)

Grant Thomas
Grant Thomas

Reputation: 45083

Because it is an anonymous function, as opposed to a named function.

One potential solution could be to roll the code into a named function and reference that function by named for the init option.

Upvotes: 1

Related Questions