我对JS不太在行。我在研究Rss解析器。这是我用的Js。因此,对于每个提要链接,我必须重复整个代码。(限制部分: 140至)
它能变得更小、更少重复吗?因此,每次我添加任何新的链接与新的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();
});
发布于 2016-09-18 22:51:33
参数化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");
});
https://stackoverflow.com/questions/39566894
复制