Question

我创建了jsfiddle并且代码（以下版本的点击版本）工作正常，但在我的实际网站上，文本会在隐藏之前切换。这使得整个事情看起来很荒谬。我正在使用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

你可以尝试

$('#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/

Answer 2

无论我如何设置队列，这都不起作用。它在JSfiddle上运行良好，但在实际的Web应用程序中却没有。我最终通过使用javascripts setTimeout（）方法来实现这一点。

jQuery动画回调运行得很早

2 个答案: