jQuery - 函数发生得太快或回调过程困惑

Question

尝试.slideUp()，使用.html('')清除元素，然后重新填充元素和.slideDown()。简单的？是的。在职的？没有。

在完成向上滑动之前，元素会重新填充。本质上，你看到魔术师在幕布就位之前就离开了，这破坏了表演。

jsFiddle:http://jsfiddle.net/Zt6gw/

jQuery

$('#oh_sort').change(function(){
    $('#oh_list_cont').slideUp(1000);
    $('#oh_list_cont').promise().done(ohReset());
    $('#oh_list_cont').slideDown(1000);
});

function getOpenhouse(){
    var data = $('#oh_sort').val();
    if(data == 'date'){
        $('#oh_list_cont').append('WOOOOOOORK!');
    }
    if(data == 'price'){
        $('#oh_list_cont').append('Please?!');
    }
    if(data == 'city'){
        $('#oh_list_cont').append('OMGWTFBBQ');
    }
}

function ohReset() {
    $('#oh_list_cont').html('');
    getOpenhouse();
}

我已经尝试使用 .slideUp() 中内置的 [complete](回调？)函数进行此操作，但没有任何内容填充，并且第二张幻灯片动画也没有触发。

Answer 1

这里您立即调用 ohReset()，而不是将其作为回调传递:

$('#oh_list_cont').promise().done(ohReset());

应该是:

$('#oh_list_cont').promise().done(ohReset);