jquery - jQuery Append 不会影响页面内容

Question

这是一个 JSFiddle 方便：http: //jsfiddle.net/u5XmR/

我有很多事情要做，但我主要关心的是为什么 $("#content").append(); 没有改变我页面上的任何内容。

具体来说，此功能应动态调整和更改内容：

function findpost(timestamp, blog){
    //console.log(blog);
    var length = blog.length;
    for(var e=0; e<length; e++){
        var type = blog[e+1];
        if(timestamp === blog[e]){
            if(type === 0){
                $("#content").append("\
                    <div id='post' class='photo'>\
                    <img src='"+blog[e+2]+"' width='400px'/>\
                    </div>\
                ");
                console.log("Photo");
            } else if(type === 1){
                console.log("Video");
            } else if(type === 2){
                $("#content").append("\
                    <div id='post' class='link' />\
                    "+blog[e+2]+" "+blog[e+3]+"\
                    </div>\
                ");
                console.log("Link!");
            } else if(type === 3){
                console.log("Text!");
            } else if(type === 4){
                console.log("Tweet!");
            } else {
                console.warn("ERROR!");
            }
        }
    }
}

Answer 1

您正在清除$('#content')for 循环中的每次

看看这个更新的小提琴

http://jsfiddle.net/u5XmR/6/

在里面.done()

这是你需要改变的：

$("#content").empty();

for(var e=0;e<length;e++){
    $("#content").append( e +"<br>");

    ...