【问题标题】:Pagination first and second link go to the same page分页第一和第二个链接转到同一页面
【发布时间】:2017-04-18 00:27:14
【问题描述】:

我正在尝试从当前页面开始进行分页,例如从 1 到 6。目前一切正常,除了链接 1 和 2 如果我返回它们会转到同一页面。如果我执行 1、2、3、4、5、6 一切都很好,但是当我从 6 转到 1 时,我需要再次链接 2 而不是链接 1。如果我在控制台中查看链接 1 和 2 都转到第 1 页。不知道为什么,因为我从当前链接开始,然后链接添加了 1。你能帮忙吗?代码如下:

var current_link = 1;
var navigation_html = '<a class="page_link" href="javascript:go_to_page('+ current_link +')">' + current_link + '</a>';

while(number_of_pages > current_link){
    navigation_html += '<a class="page_link" href="javascript:go_to_page('+ current_link +')">'+ (current_link + 1) +'</a>';
    current_link++;
}

$('.pagination').html(navigation_html);

【问题讨论】:

    标签: javascript pagination


    【解决方案1】:

    这是因为你忘记在while循环中给函数加上+1了。

    将您的代码更改为:

    var current_link = 1;
    var navigation_html = '';
    
    while(number_of_pages >= current_link){
        navigation_html += '<a class="page_link" href="javascript:go_to_page('+ current_link +')">'+ current_link +'</a>';
        current_link++;
    }
    

    【讨论】:

    • 这就是为什么我有 current_link ++;
    • 感谢您的帮助。我更新了我的问题。基本上它在我第一次浏览链接时确实有效,但是一旦我返回链接 1 和 2,它们就会转到第 1 页而不是第 1 页。请查看我的问题已更新。
    • Avitus,我将当前链接更改为 0,它现在可以正常工作了。感谢您的帮助。
    【解决方案2】:
    while(number_of_pages > current_link){
    current_link++;
    navigation_html += '<a class="page_link" href="javascript:go_to_page('+ current_link +')">'+ (current_link + 1) +'</a>';
    }
    

    您可能想先递增?

    【讨论】:

      【解决方案3】:

      是的,他们是对的,你忘了 +1。如果不是,前两个链接显示相同的href。

      或者使用它来代替使用第二个变量。所以 current_link 总是指向当前页面。

      var current_link = 1, i = current_link +1;
      var navigation_html = '<a class="page_link" href="javascript:go_to_page('+ current_link +')">' + current_link + '</a>';
      while(number_of_pages >= i){
          navigation_html += '<a class="page_link" href="javascript:go_to_page('+ i +')">'+ i +'</a>';
          i++;
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-09-18
        • 1970-01-01
        • 2013-10-28
        • 2020-09-04
        • 2017-10-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多