2014-08-30 85 views
0

只想顯示使用jquery的評論,但它只顯示上次評論。請問你能幫幫我嗎。jquery只顯示上次評論

$.each(data.results, function(i, res) { 

     var item = $('<div>'),      
      head = $('<h4>'), 
      info = $('<p>'); 

     head.html(res.title); 
     info.html(res.review_text+'<hr>'); 

     item.append(head,info); 

     $("#review_list").html(item); 
    }); 

更新:

其實我想用這種方式和它的工作,而無需使用附加。

var item = $('<div>'); // moved item outside loop 

$.each(data.results, function(i, res) { 


      var head = $('<h4>'), 
       info = $('<p>'); 

      head.html(res.title); 
      info.html(res.review_text+'<hr>'); 

      item.append(head,info); 

     }); 

$("#review_list").html(item); // used html outside loop 

回答

1

這是因爲每次用新內容替換所有內容。 你可以這樣做:

$.each(data.results, function(i, res) { 

    var item = $('<div>'),      
     head = $('<h4>'), 
     info = $('<p>'); 

    head.html(res.title); 
    info.html(res.review_text+'<hr>'); 

    item.append(head,info); 

    $("#review_list_is_got").append(item); 
}); 

基本上你html將更換指定的項目的內容,並append這將增加你的容器,似乎你想要什麼。

+0

感謝您的回答。當我使用「追加」時,我遇到了問題。當我第一次按下「加載評論」鏈接時,它可以正常工作。但是當我按兩次鏈接時,它會顯示重複的評論。 – EducateYourself 2014-08-30 08:08:45

+0

在這種情況下,您必須以不同的方式處理對該功能的調用,例如,在調用 – 2014-08-30 08:09:32

+0

時實際禁用該按鈕,我使用鏈接而不是按鈕。有沒有辦法禁用鏈接? – EducateYourself 2014-08-30 08:10:28