如何避免JQuery AJAX对快速结果的“眨眼”进度div?

在使用ajax和进度指标的项目的早期阶段,您当然会有闪烁的效果,因为您(希望)在测试时没有处理大量的数据。你会发现,随着你的项目得到越来越多的数据,进度指标将停留越来越长。我不建议故意创建一个延迟来保留进度指示器,因为它会降低用户体验。尝试使用javascript setTimeout()函数。

请尝试以下操作:

$("#spinner")
    .bind("ajaxSend", function() {
            $(this).fadeIn(1000);
    })
    .bind("ajaxComplete", function(){
        $(this).stop();
        $(this).hide();
    });

其思想是,在微调器中使用延时(在本例中为1000)淡入,然后取消动画并在ajaxcomplete上隐藏。

如果您想做一个延迟的显示,您可以尝试使用animate()而不是fade()并链接调用(例如$(this).animate(/*something here*/).show())

希望这有帮助!