jQuery分页 - 页数错误

Question

我试图在rss分析器中做分页功能。它几乎工作。只有最后一页是错误的。 See fiddle here。最后一页显示11-10。这是为什么？ Feed中目前有10个项目，因此在此示例中应该只有两个页面，而不是三个 - 而在第二个页面上，应该隐藏“下一个”按钮。

这是哪里有问题？

if (numEntriesReturned+1-oRssConfig.contempOffset>0 && oRssConfig.contempOffset<100-oRssConfig.maxItems) $('#btnNext').css("display", "block"); 
    else $('#btnNext').css("display", "none"); 

Answer 1

几个小时后，我完全重写了脚本。这应该可以加载使用Zazar的zRSSFeed插件分页的RSS源。我评论了大多数功能，所以你可以看到并理解正在发生的事情，希望！

特点：
轻松选择 '订阅逐页' 显示。
轻松输入RSS源的链接。
Next &上一个按钮在需要时出现/消失。
在每个页面上自动显示Feed Count。 例： '1 5'

看看这个Fiddle看到它在行动！
有任何疑问吗？

jQuery脚本

// Editable Values 
var feedlink = 'http://feeds.reuters.com/reuters/oddlyEnoughNews'; // Set Feed Location 
var fpp = 4; // Choose how many feeds per page to display (fpp = Feeds Per Page) 
var feedview = '#RSSview'; // Choose where to diplay the RSS Feed 

// Initial Variables (Do Not Edit) 
var feeds = null; // Variable to hold total feed count 
var totalpages = null; // Variable to hold total pages 
var currentpage = null; // Variable to hold Current Page being Displayed 
var lastpagefeeds = null; // Variable to hold Amount of Feeds on the Last Page 
var firstof = null; // Variable to hold First Feed Display - Example: 3 of ? 
var lastof = null; // Variable to hold Last Feed Display - Example: ? of 10 
var feedoffset = 1; // Set Initial Feed Offset 

/////////////////// 
// RSS Functions // 
/////////////////// 

// Calulate Feed Count Display 
function displayfeedcount(){ 
    // Set 'First Of ???' 
    firstof = feedoffset; 
    // Set '??? of Last' 
    if(currentpage == Math.ceil(totalpages)){ lastof = feeds; }else{ lastof = (firstof + fpp) - 1;} 
    $('#offsetDispl').html(firstof + ' of ' + lastof); // Display Feed Count ' First of Last' 
} 

// Load Initial Feeds on Page 1 
function initialfeeds(){ 
    $(feedview).rssfeed(feedlink , { limit: fpp , offset: 0 }); // Load Initial Set of Feeds 
    currentpage = 1; // Set Current Page to 1 
    displayfeedcount(); // Trigger the Display of Feedcount - Example: '1 of 5' 
} 

// Calculate Total Pages 
function calculatepages(){ 
    totalpages = feeds/fpp; // Total Page Calculation 
    console.log('Total Pages: ' + totalpages); // Log - For Testing Purposes Only - Delete if Desired 
    initialfeeds(); // Trigger Initial Display of Feeds 
} 

// Determine if the NextBtn should be shown on load 
function showbuttons(){ 
    if (feeds > fpp){ $('#btnNext').show(); } // Evaluate 'Next Button' Visibility 
} 

// Determine Total Feed Count 
function feedcount() { 
    feeds = arguments[1]; // Set Feed Count to Variable 'feeds' 
    console.log('Total Feeds: ' + feeds); // Log - For Testing Purposes Only - Delete if Desired 
    showbuttons(); // Trigger Initial Button Display 
    calculatepages(); // Trigger Total Page Calculation 
} 

// Function to Show Next Page 
function nextpage(){ 
    currentpage = currentpage + 1; // Set New Current Page 
    feedoffset = feedoffset + fpp ; // Set New Feed Offset 
    console.log('Current Page is: ' + currentpage); // Log - For Testing Purposes Only - Delete if Desired 
    console.log('Feed Offset is: ' + feedoffset); // Log - For Testing Purposes Only - Delete if Desired 
    $(feedview).rssfeed(feedlink , { limit: fpp , offset: feedoffset }); // Load Next Set of Feeds 
    if(currentpage >= totalpages){ $('#btnNext').hide();} // Evaluate 'Next Button' Visibility 
    if(currentpage > 1){ $('#btnPrev').fadeIn('250');} // Evaluate 'Previous Button' Visibility 
    displayfeedcount(); // Display Feed Count ' ??? of ??? ' 
} 

// Function to Show Previous Page 
function prevpage(){ 
    currentpage = currentpage - 1; // Set New Current Page 
    feedoffset = feedoffset - fpp ; // Set New Feed Offset 
    console.log('Current Page is: ' + currentpage); // Log - For Testing Purposes Only - Delete if Desired 
    console.log('Feed Offset is: ' + feedoffset); // Log - For Testing Purposes Only - Delete if Desired 
    $(feedview).rssfeed(feedlink , { limit: fpp , offset: feedoffset }); 
    if(currentpage <= totalpages){ $('#btnNext').fadeIn('250');} // Evaluate 'Next Button' Visibility 
    if(currentpage <= 1){ $('#btnPrev').hide();} // Evaluate 'Previous Button' Visibility 
    displayfeedcount(); // Display Feed Count ' ??? of ??? ' 
} 

// Bind Previous and Next Button Clicks 
$('#btnPrev').on('click', prevpage); // Bind the PrevPage Function 
$('#btnNext').on('click', nextpage); // Bind the NextPage Function 

// Retrieve Total Feeds 
$('#hidden').rssfeed(feedlink , {}, feedcount); 
// Make sure this divider exists on the page body >>> <div id="hidden" style='display:none;'></div> 

Answer 2

参数numEntriesReturned值是 5为第一页和 10为第二页。 我觉得它最后一页已满时没有用。

也许你可以回去，如果你发现最后一页是空的，并删除按钮。