2016-09-19 82 views
0

我對JS不太安靜。我正在研究Rss解析器。這是我正在使用的Js。因此,對於每個供稿鏈接,我必須重複整個代碼。 (部分從極限:140到)我可以在javascript中使用函數來繞過遞歸代碼嗎?

它可以做得更小,重複性更低嗎?所以每次我添加任何新的鏈接與新ID,我不必複製下面的所有細節。

function load_rss(){ 

$("#rss-container").rss("http://www.hindufaqs.com/feed/", { 
    limit: 140, 
    ssl: true, 
    effect: 'show', 
    dateFormat: 'MMMM DD, YYYY', 
    entryTemplate: 
    "<a class='entry_link' href='{url}'>\ 
     <div class='entry'>\ 
     <div class='entry_date'>\ 
      Submitted: {date}\ 
      <span class='entry_by'>by: {author}</span>\ 
      \ 
     </div>\ 
     <div class='entry_img'>\ 
      {teaserImage}\ 
     </div>\ 
     <div class='entry_title'>\ 
      {title}\ 
     </div>\ 
     <div class='entry_details'>{shortBody}</div>\ 
     </div>\ 
    </a>", 
    }); 
} 

$(function(){ 
    load_rss(); 
}); 
+0

你是什麼意思與*遞歸代碼*? –

回答

1

參數化load_rss

function load_rss(target, url){ 
    $(target).rss(url, { 
    limit: 140, 
    ssl: true, 
    effect: 'show', 
    dateFormat: 'MMMM DD, YYYY', 
    entryTemplate: 
    "<a class='entry_link' href='{url}'>\ 
     <div class='entry'>\ 
     <div class='entry_date'>\ 
      Submitted: {date}\ 
      <span class='entry_by'>by: {author}</span>\ 
      \ 
     </div>\ 
     <div class='entry_img'>\ 
      {teaserImage}\ 
     </div>\ 
     <div class='entry_title'>\ 
      {title}\ 
     </div>\ 
     <div class='entry_details'>{shortBody}</div>\ 
     </div>\ 
    </a>" 
    }); 
} 

然後,你可以這樣做:

$(function(){ 
    load_rss("#rss-container", "http://www.hindufaqs.com/feed/"); 
    load_rss("#rss-container2", "different url"); 
    load_rss("#rss-container3", "and another"); 
}); 
+1

聖代碼!有效。這正是我想要的。謝謝你,好人。 – user3382310

相關問題