延迟在jQuery中的声明？

Question

i have two lines of javascript here, when the toggle function executes i want to delay before the find function happens.

$activeToggle.toggle("fast"); // i want this to run and then after 1250 millisec
$activeToggle.find(".anime").each(function (i,e){ // this code runs

        alert(e.id);

    });

I want to delay the second line of code to execute, because for some reason the alert is happening before the toggle action takes place, so their must a be way to delay the second line. thanks

Answer 1

Make use of the callback function. This ensures the toggle has finished executing before running the loop function you have.

$activeToggle.toggle("fast", function(){
   $(this).find(".anime").each(function (i,e){ // this code runs

        alert(e.id);

    });
})

This way you don't need to delay. Your code will be ran immediately after the toggle() function.

Answer 2

您可以使用delay（）方法：

   $activeToggle.delay(1250).toggle("fast");

Answer 3

setTimeout( function () { $activeToggle.toggle("fast"); }, 1250);

Answer 4

Make use of jQuerys delay function :)

$activeToggle.delay(1250).toggle("fast", function(){
   $(this).find(".anime").each(function (i,e){ // this code runs

        alert(e.id);

    });
})

Answer 5

Aswell as using a call back you can foce your code to wait before execution using .stop()

$activeToggle.toggle("fast"); // i want this to run and then after 1250 millisec
$activeToggle.find(".anime").stop(true,true).each(function (i,e){ // this code runs
        alert(e.id);
});

Answer 6

If your goal is to trigger a function after the animation is complete, then you can pass toggle() a callback function that only runs after the animation is complete.

$activeToggle.toggle("fast", function() {
    $activeToggle.find(".anime").each(

    function(i, e) {
        alert(e.id);
    });
});