2014-08-30 87 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