블로그 게시물이 FOR 루프를 사용하는 동안 표시되지 않습니다.

Question

다음과 같은 .js 코드가 있지만 사이트를 테스트 할 때 각 내용은 보이지만 내용은 표시되지 않습니다.

$(document).ready(function(){ 
    url = 'http://hopexxx.com/category/daily-devotion/feed/'; 
    $.ajax({ 
     type: "GET", 
     url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(url), 
     dataType: 'json', 
     error: function(){ 
      alert('Unable to load feed, Incorrect path or invalid feed'); 
     }, 
     success: function(data){ 
      var postlist = data.responseData.feed.entries; 
      var html = '<ul data-role="listview" data-filter="true">'; 
      for (var i = 0; i < 5; i++) { 
       html += '<li>'; 
       html += '<a href="#">'; 
       html += '<div class="entry">entry.title</div>'; 
       html += '<div class="entry">author</div>'; 
       html += '<div class="entry">publishedDate</div>'; 
       html += '<div class="entry">contentSnippet</div>'; 
       html += '</a>'; 
       html += '</li>'; 
      } 
      html += '</ul>'; 
      $("#postlist").append(html); 
      $("#postlist ul[data-role=listview]").listview(); 

     }}); 
    }); 

Answer 1

당신이 당신의 postlist가 null는 아니고, 것을 알고있는 경우에 대한 here 참조 각 항목은 속성 '제목', '저자', 'publishedDate'와 'contentSnippet'이 시도 가지고 :

var postlist = data.responseData.feed.entries; 
var html = '<ul data-role="listview" data-filter="true">'; 
for (var i = 0; i < 5; i++) { 

    var entry = postlist[i]; 

    html += '<li>'; 
    html += '<a href="#">'; 
    html += '<div class="entry">' + entry.title + '</div>'; 
    html += '<div class="entry">' + entry.author + '</div>'; 
    html += '<div class="entry">' + entry.publishedDate + '</div>'; 
    html += '<div class="entry">' + entry.contentSnippet + '</div>'; 
    html += '</a>'; 
    html += '</li>'; 
} 
    html += '</ul>'; 
    $("#postlist").append(html); 

Answer 2

data.responseData.feed.entries에 $의 .each 루프를 시도 : 내가 뭘 말에 달성하고자하는 것은 더 대부분의 사람들의를 표시하는 5 개 게시물을 표시하고 또한 하단에 링크를 추가 할 수있다 자세한 내용