使用jQuery / javascript显示来自博客的帖子偏移3

时间:2016-08-18 14:38:36

标签: javascript jquery wordpress rss

我正在使用jquery-rss来显示网页上的最新帖子。我想要的是显示3个帖子,但不是最近的三个帖子,之后是三个帖子。因此,如果我要通过前6名,它将显示最后的3。

发布1 - 未显示 第2篇 - 未显示 第3篇 - 未显示 发布4 发布5 发布6

我将如何使用javascript或jQuery处理此问题?

    <script type="text/javascript">
  jQuery(function($) {
    $("#rss-feeds").rss("http://news.bearingnet.net/feed/", {

      layoutTemplate: "<div class='feed-container'>{entries}</div>",
      entryTemplate: "<div class='rssEntry'><p class='padding-top'>{teaserImage}<a href='{url}' target='_blank'>{title}</a><br /> {date} <br />{shortBodyPlain}...<div class='text-right'></p><p><a href='{url}' target='_blank' class='btn main-bg'>Read more</a></p></div></div>",
    })
  })

</script>

1 个答案:

答案 0 :(得分:0)

很抱歉讽刺 - 但如果你只是阅读文档的字母,这显然是一个优势。

$("#rss-feeds").rss(
  "http://feeds.feedburner.com/premiumpixels",
  {
    // how many entries do you want?
    // default: 4
    // valid values: any integer
    limit: 10,

    // want to offset results being displayed?
    // default: false
    // valid values: any integer
    offsetStart: 3, // offset start point
    offsetEnd: false, // offset end point

    // will request the API via https
    // default: false
    // valid values: false, true
    ssl: true,
.....

直接来自文档页面..

寻找offsetStart。应该这样做。整个过程:googleing&#34; jquery-rss&#34;寻找你的答案,花了我大约15秒。这与炫耀无关。我只是试图打开一些眼睛。

<强> 更新/编辑:

好的,所以..看看评论中的下面的讨论,我只是提出另一种解决方案或更好的解决方法,这有点尴尬,只是因为其他选项似乎不起作用。

您可以使用这些css规则隐藏前三个RSS帖子:

.feed-container:first-of-type {
    display: none;
}
.feed-container:nth-of-type(2) {
    display: none;
}
.feed-container:nth-of-type(3) {
    display: none;
}

此解决方法只隐藏前三个帖子。它既不优雅,也不是正确的方式 - 但它应该有用。