Question

我正在显示包含加载器gif图像的DIV元素，同时获取ajax调用响应。

最初DIV元素将被隐藏，并且在点击chekbox时我显示加载器DIV稍后ajax调用发生并且在ajax调用完成后我再次隐藏加载器DIV。

当我显示加载器div时，图像没有动画，它只是保持静态图像。

我怎样才能让它成为动画。请建议。

提前致谢。

这是代码

HTML

<div id="loading" style="display:none;"><img src="images/379.GIF"/></div>

JS

$('#checkqar').on('click', function() {
    $("#loading").css("display", "block");
    $.ajax({
        type: "GET",
        url: "http://sss.com/eee",
        crossDomain: true,
        jsonpCallback: 'callback',
        contentType: "application/json; charset=utf-8",
        dataType: "jsonp",
        success: function(msg) {
            //do something
        }
    });

    $("#loading").css("display", "none");
});

Answer 1

当ajax请求为asynchronous时，会显示已加载并立即再次隐藏。使用complete的{{1}}回调来隐藏加载程序。

检查下面突出显示的代码：

ajax

在ajax调用期间，GIF Loader映像不会生成动画

1 个答案: