我有一个包含大量数据行的JSON文件,通过ajax加载。
然后我为每一行创建相应的HTML代码,显示其中一些数据,如下所示。
var gl = $("#gameslist");
$.each(DATA.games, function(index, value) {
gl.append( '<div>... lots of html code here ... '+value.somedata+'</div>');
}
这似乎非常缓慢,特别是在移动Safari浏览器上。有没有什么技巧或jQuery插件可以加速这个过程?
编辑:根据要求,这里是Ajax调用:
$.ajax({
dataType: "json",
url: "../games.json"
})
.done(function(gamesjson){
DATA = gamesjson;
buildPage(); // this one is calling the above code
})
.fail(function(){
console.log("games.json error");
})
;