关于jquery.append（）的求解

Question

先说说我要实现的功能吧：我通过jquery.append（）方法动态给表格中添加行， 在添加时希望显示“加载中”的图片  我的实现是这样的
$("#img").show();
$("table").append("....")
$("#img").hide();问题出现了，此过程“加载中”不会显示，页面类似假死状态   
 
另外 我直接把GIF图片放到页面上，发现在执行$("table").append（“..” )方法过程中gif图片不会有动态效果了。且发现CPU利用率会很高 
  请大神指教指教    在线等
Jqueryjacascriptwebaps.net

Answer 1

加载数据用异步读取,同步页面会出现卡死，gif也不会播放

Answer 2

 $("#img").show();
setTimeout(function(){
 
   //加上ID
   $("#table tbody").append("....");  $("#img").hide();},100);
这样试试

Answer 3

还是不能   这样做虽然能够看到gif图片的出现和消失   但是gif图片不播放

Answer 4

还是不能   这样做虽然能够看到gif图片的出现和消失   但是gif图片不播放
 另外   我测试的只前台用了jquery.append（）方法就出现上诉问题，测试页面没有使用ajax，现在问题就是append（）执行时页面假死

Answer 5

 $(document).ready(function () {
            $("#cc").hide();
            $("#bb").click(function () {
                $("#cc").show();
                setTimeout(function () {
                    $("#cc").show();
                    $("#aa").empty();
                    for (var i = 0; i < 500; i++) {
                        $("#aa").append("<tr><td>" + i + "1</td><td>" + i + "2</td><td>" + i + "3</td><td>" + i + "4</td></tr>")
                    }
                    $("#cc").hide();
                }, 100);
            });
        });这是测试的代码， 看到的gif直接无法播放了       请指教下 

Answer 6

一次添加，还卡就用setTimeout分几步添加$(document).ready(function () {
            $("#cc").hide();
            $("#bb").click(function () {
                $("#cc").show();
                setTimeout(function () {
                    $("#cc").show();
                    $("#aa").empty();
                    var htmls=[];
                    for (var i = 0; i < 500; i++) {
                       htmls.push("<tr><td>" + i + "1</td><td>" + i + "2</td><td>" + i + "3</td><td>" + i + "4</td></tr>")
                       
                    }
                    $("#aa tbody").append(htmls.join(''));
                    $("#cc").hide();
                }, 100);
                
                
            });
});

Answer 7

这样在加载append（）方法的时候gif任然失效的嘛

Answer 8

多次测试：只有一执行append（），gif就失效

Answer 9

就这本JS动态生成，不是从后台生成，根本不用提示，瞬间就完成了如果你就要有GIF提示 滚动，那就生成后延迟1~2s隐藏
 setTimeout(function () { $("#cc").hide();  },2000)

Answer 10

这里不是gif延迟显示了   主要问题在于gif无动画效果
比如  在append（）之前show（），我们看到了gif ， 现在append开始向叶面添加内容 ，在添加过程中我们应该是看到加载中的动画，但是此时动画效果没有了，看到的gif就是一个静态图片了

Answer 11

就这本JS动态生成，不是从后台生成，根本不用提示，瞬间就完成了如果你就要有GIF提示 滚动，那就生成后延迟1~2s隐藏
 setTimeout(function () { $("#cc").hide();  },2000)这里不是gif延迟显示了   主要问题在于gif无动画效果
比如  在append（）之前show（），我们看到了gif ， 现在append开始向叶面添加内容 ，在添加过程中我们应该是看到加载中的动画，但是此时动画效果没有了，看到的gif就是一个静态图片了