2013-09-24 65 views
0

我有以下.js代碼,但是當我測試該網站時,它只顯示每個內容中看到的字詞,但沒有內容。我想實現的到底是能夠顯示5個員額,並在底部添加一個鏈接以顯示更多mosts:使用FOR循環時未顯示博客文章

$(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(); 

     }}); 
    }); 

回答

0

如果你知道你的postlist不爲空,並且,每個條目都有屬性「標題」,「作者」,「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); 
+0

謝謝有效的rusmus。我是否需要創建另一個js,以便在點擊時加載每個帖子的內容,而無需在主網站上顯示其他頁面內容 –

+0

我不太確定你在問什麼。你可能應該創建一個新的問題,並在那裏添加相關的html和js。 – rusmus

0

嘗試data.responseData.feed.entries一個$。每個循環見here的細節