Javascript 有没有一种简单的方法可以让两个jQuery效果紧随其后？

基本上，我有一个div，我想对它应用一个

突出显示

和

反弹

效果

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

我试着这么做：

$('.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');});

但这也不起作用

我最终偶然发现了类似的东西，但感觉太沉重了

---

有没有一种更简单、更自然、更少黑客的方法来实现我的目标？

您可以提供一个函数回调来调用

effect（）

：

---

您可以向

effect（）

提供函数回调：

---

AJAX成功函数的使用方式如下：

var xhr = $.ajax({
    type: 'post',
     url: 'ajax_processor_file.php',
    data: {varName : varValue}
});

xhr.done(function(){
    $('.highlight_on_success')
        .closest('div.social-comment')
        .addClass('highlightMyDiv')
        .effect( "bounce", {times:3}, 300, function(){
            $(this).removeClass('highlightMyDiv');
        });
});

或者只是：

var xhr = $.ajax({
    type: 'post',
     url: 'ajax_processor_file.php',
    data: {varName : varValue}
})
.done(function(){
    $('.highlight_on_success')
        .closest('div.social-comment')
        .addClass('highlightMyDiv')
        .effect( "bounce", {times:3}, 300, function(){
            $(this).removeClass('highlightMyDiv');
        });
});

$（“按钮”）。单击（函数（）{
$（“.social comment”）
.addClass（'highlightMyDiv'）
.effect（“bounce”，{times:3}，300，function（）{
$（this.removeClass（'highlightMyDiv'）；
});
});
.highlightMyDiv{背景：小麦；边框：1px纯橙；颜色：棕色；}

社会评论组
模拟AJAX回调
AJAX成功函数可以这样使用：

var xhr = $.ajax({
    type: 'post',
     url: 'ajax_processor_file.php',
    data: {varName : varValue}
});

xhr.done(function(){
    $('.highlight_on_success')
        .closest('div.social-comment')
        .addClass('highlightMyDiv')
        .effect( "bounce", {times:3}, 300, function(){
            $(this).removeClass('highlightMyDiv');
        });
});

或者只是：

var xhr = $.ajax({
    type: 'post',
     url: 'ajax_processor_file.php',
    data: {varName : varValue}
})
.done(function(){
    $('.highlight_on_success')
        .closest('div.social-comment')
        .addClass('highlightMyDiv')
        .effect( "bounce", {times:3}, 300, function(){
            $(this).removeClass('highlightMyDiv');
        });
});


$（“按钮”）。单击（函数（）{
$（“.social comment”）
.addClass（'highlightMyDiv'）
.effect（“bounce”，{times:3}，300，function（）{
$（this.removeClass（'highlightMyDiv'）；
});
});
.highlightMyDiv{背景：小麦；边框：1px纯橙；颜色：棕色；}

社会评论组
模拟AJAX回调
你能描述一下“没有工作”吗，创建stacksnippets来演示？如果CSS3转换不能很好地配合使用，那么它们将起作用，而不是突出显示。实际上，这两种效果都有效，你只需要切换一个类，你能描述一下“不起作用”吗，创建stacksnippets来演示？如果CSS3转换不能很好地配合使用，那么它们将起作用，而不是突出显示。实际上，这两种效果都适用，您只需要切换一个类，但这仍然不会使对象反弹。高光起作用，只是不反弹。想法？这仍然不会使对象反弹。高光起作用，只是不反弹。想法？如果不手动劫持
.ajax
函数，就没有办法做到这一点吗？如果不手动劫持
.ajax
函数，就没有办法做到这一点吗？