javascript - 等待特定代码运行

Question

这是这篇文章的延续 - :visible selector issue

无论如何，我想知道是否有一种方法可以在运行新的代码行之前检测特定代码段是否运行直到它完成。

例如，

if(filterVal == 'all') {  
    jQuery('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');  
} else {  
    jQuery('ul#portfolio li').each(function() {  
        if(!jQuery(this).hasClass(filterVal)) {  
            jQuery(this).fadeOut('normal').addClass('hidden');  
        } else {  
            jQuery(this).fadeIn('slow').removeClass('hidden');  
        }  
    });  
} 

我想要做的是在触发 jPages 函数创建分页之前确保所有列表项元素都成功 fadeIn(display:block) 和 fadeOut(display:none) 。

Answer 1

.fadeIn()中有一个参数就可以解决这个问题。

$('ul#portfolio li.hidden').fadeIn('slow', function()
{
    // Fade has finished, continue here.
    //
    //

});