【问题标题】:.load() with animated .gif while waiting for results.load() 与动画 .gif 等待结果
【发布时间】:2011-05-20 12:50:39
【问题描述】:

我正在使用 jquery .load() 方法在这样的 div 中加载搜索结果(简化版)

$('#resultscontainer').load("results.php", {data: data});

最终结果将需要发送更多数据,并且可能需要等待时间才能将结果加载到 div 中。处理数据时是否可以在 div“resultscontainer”中显示动画 gif(如旋转图标)?

【问题讨论】:

    标签: jquery load gif


    【解决方案1】:

    继续生活

    是的,在 jquery 中有为此的特殊事件:D

    $("#loading").ajaxStart(function(){
      $(this).show();
    });
    
    $("#loading").ajaxStop(function(){
      $(this).hide();
    });
    

    #loading 是您的 gif,例如:http://www.ajaxload.info/

    【讨论】:

    • 这是一个很棒的资源,非常感谢!我只是将上面的内容放在调用我的负载的同一个函数中,对吗?所以这将是我在原始帖子中的一行,然后是那两个'
    • 该事件在所有 ajax cals 上触发,所以只需将其放在它自己的位置上,它不会与其他任何东西混在一起
    猜你喜欢
    • 2021-06-18
    • 2015-11-14
    • 1970-01-01
    • 2018-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多