0

我有一个巨大的 php 表，我想通过 AJAX 加载它以向用户插入加载 gif。所以我对这种操作非常陌生，我编写了一个非常简单的代码来完成这项任务。这是我的代码：

$(document).ready(function() {
                $("#tableDiv").html('<center><img src="images/loader.gif" /></center>');
                $("#tableDiv").load("regulatoryData.php");
            });

这是加载 gif，但它没有运行，它保持静态。我该如何纠正？有什么建议么？

编辑：当我将图像拖到浏览器时，它会正常动画。

编辑 2: Whit 只是

$("#tableDiv").html('<center><img src="images/loader.gif" /></center>');

gif 工作正常，但是当我添加第二部分时，它开始运行，并且在它停止后保持冻结状态，直到出现监管数据

编辑3：实际上我检查的不是冻结的gif，而是整个浏览器。

对不起我的英语：/

4

3 回答 3

0

我会推荐如下内容：

http://jsfiddle.net/NeFaz/1/

<a href="#" id="load">Load</a>
<div id="myid">
</div>

$(document).ready(function() {
    $("#load").click(function() {
        $('#myid').addClass('loading');
        $("#myid").load('http://www.confetti.co.uk/shop/', function () {
            $('#myid').removeClass('loading');
        });
    });
}); 

#myid {
    height: 500px;
    width: 500px;
}
#myid.loading {
    background-image: url('http://koikoikoi.com/wp-content/uploads/2012/07/RESET.gif');
}

这会将图像设置为 div 的背景，但仅在应用类时。我们从没有这门课开始。

单击加载链接后，我们将加载类添加到 div，然后将显示 bg 图像。加载时使用的函数在加载完成时触发，并从 div 中删除类，从而删除图像。

于 2013-09-18T13:59:41.220 回答
0

在开头添加<BODY>

<img src="images/loader.gif" style="display:none" />

作为“预加载器”

于 2013-09-18T14:11:52.953 回答
0

我发现当您开始加载另一个页面时，IE 会停止为 GIF 制作动画。我已经在我自己的一个项目中解决了这个问题，方法是添加一个超时，在另一个页面开始加载后 50 毫秒刷新图像源，只需再次为其分配相同的值。在你的情况下，看起来像这样：

$(document).ready(function() {
            $("#tableDiv").html('<center><img src="images/loader.gif" /></center>');
            setTimeout(function() { $("#tableDiv img").attr("src", "images/loader.gif"); }, 50);
            $("#tableDiv").load("regulatoryData.php");
        });
于 2013-09-18T14:19:16.363 回答