jquery - jQuery 动画回调提前运行

Question

我创建了jsfiddle并且代码（以下的点击版本）工作正常，但在我的实际站点上，文本在隐藏之前切换。这让整个事情看起来很荒谬。我正在使用icefaces，它会重新加载页面的某些部分，这就是代码运行的时候。本质上，我是在为 icefaces 发送的变化设置动画。

function slideValue(id, newValue){
id = id.replace("`", ""); 

val = '#' + id;
if(jQuery(val).text() != newValue){
    jQuery(val).hide('slide',{
        duration: 300,
        direction: 'up',
        complete: function(){jQuery(val).text(newValue);}
    });
    jQuery(val).show('slide', {direction: 'down'}, 300);
}

}

Answer 1

无论我如何尝试设置队列，这都行不通。它在 JSfiddle 上运行良好，但在实际的 Web 应用程序中却不行。我最终通过使用 javascripts setTimeout() 方法让它工作。

Answer 2

你可以试试

$('#hey').click(function () {
newValue = "newwww";
val = '#' + "hey";
if (jQuery(val).text() != newValue) {
    jQuery(val).hide('slide', {
        duration: 300,
        direction: 'up',
        complete: function () {
            jQuery(val).text(newValue);
            jQuery(val).show('slide', {
                direction: 'down'
            }, 300);
        }
    });
}
} );    

http://jsfiddle.net/RAQzm/5/