闪烁按钮jQuery的更好方法？

Question

I would like a button to blink for a short duration prior to a AJAX call (and some other animations happening). The ajax call happens very fast so I do not want to use AJAX's before function. The blink must be distinct prior to any other animations. I feel as if there is a prettier way to do this:

       //This is inside of a button click event
       $(this).addClass('active').delay(250).queue(function (e) {
            $(this).removeClass('active').delay(250).queue(function (f) {
                alert(33);
                $child.css('margin-left', $(window).width() + 10 + 'px');
                $child.load(url + 'API CALL' + $(this).data("id"), bindAClicks);
            });
        });

bindAClicks - Animates to margin:0.

$child is a container div.

active is a class with a dark background.

What's wierd is that the alert is not even firing.

Answer 1

If you are referring to beforeSend, I would recommend checking out this answer which shows how to wait for your animation to finish.

In response to Oleg's comment, I'm not sure what problem you're having when you say the response is so quick you can't see the blink. I created a quick example to demonstrate how it would work (so you can make the Ajax call and still perform the blink). Hopefully this helps.