javascript - 有没有一种简单的方法可以同时实现两个 jQuery 效果？

Question

基本上，我有一个 div，想要对其应用 highlight 和 bounce 效果。

如果我只做一个，效果很好。但将它们结合起来似乎比我预想的要棘手得多。

我尝试简单地这样做:

$('.highlight_on_success').bind("ajax:success", function(){$(this).closest('div.social-comment').effect('highlight').effect('bounce');});

但这不起作用，然后我做了一些阅读，并尝试使用 dequeue() ，如下所示:

$('.highlight_on_success').bind("ajax:success", function(){$(this).closest('div.social-comment').effect('highlight').dequeue().effect('bounce');});

但这也不起作用。

我最终偶然发现了this answer on SO关于类似的事情，但感觉太沉重了。

有没有一种更简单、更原生、更少hacky的方法来实现我想要做的事情？

Answer 1

您可以为 effect() 提供函数回调:

$('.highlight_on_success').bind("ajax:success", function () {
    var obj = $(this).closest('div.social-comment');
    obj.closest('div.social-comment').effect('highlight', function() {
        obj.effect('bounce');
    });
});