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

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

查看这个更新的小提琴

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

在.done()

中

这是您需要更改的内容：

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

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

    ...

jQuery Append不会影响页面内容

1 个答案: