[jQuery] How to create an infinite loop?
Hi, I am new to jQuery and I would like to create a simple animation
of a div scrolling in an infinite loop. When the div scrolls to the
top, it is shifted to the bottom and starts over.
I based my function on one found on the jQuery API reference:
http://docs.jquery.com/Effects/queue
$("#show").click(function () {
var n = $("div").queue("fx");
$("span").text("Queue length is: " + n.length);
});
function runIt() {
$("div").show("slow");
$("div").animate({left:'+=200'},2000);
$("div").slideToggle(1000);
$("div").slideToggle("fast");
$("div").animate({left:'-=200'},1500);
$("div").hide("slow");
$("div").show(1200);
$("div").slideUp("normal", runIt);
}
runIt();
My code is:
function scroll_list(h) {
$("#sl1").marginTop = 0;
$("#sl1").animate( {marginTop: -h}, 20000, "linear",
scroll_list(h));
}
h = $("#sl1").height();
scroll_list(h);
On firebug I get a "Too much recursion" error.
How come calling the same function as a callback works in the first
but not in the second case?
Thanks,
Stefano