如何判断当前列表是否为最后一页列表?

模板开发以及发布测试
回复
ichizi
帖子: 12
注册时间: 2013年 6月 25日 12:11

如何判断当前列表是否为最后一页列表?

帖子 ichizi »

最近在仿一个模板。中间要用到无刷新加载,如果加载的是最后一页将停止。。

但是我不知道如何判断是不是最后一页?

求高手给出啊!!
cho
帖子: 112
注册时间: 2010年 7月 7日 11:11

Re: 如何判断当前列表是否为最后一页列表?

帖子 cho »

我曾经这么做过:
index.php内:

代码: 全选

<?php $this->pageLink('正在载入文章 ...','next'); ?>
然后在js里有下面这样的代码

代码: 全选

$(document).ready(function(){
  var startHref;
  $(".next").click(function() {
  var href = $(this).attr("href");
  startHref = href;
  if (href != undefined) {
    $.ajax({
      type: "get",
      url: href,
      success: function(data) {
        var $res = $(data).find(".post");
        $(".ajax").append($res);
        var newHref = $(data).find(".next").attr("href");
        if (newHref != undefined) {
          $(".next").attr("href", newHref);
        } else {
          $(".next").html("所有文章加载完毕").removeAttr("href")
        }
      }
    })
  }
  return false;
  })

  $('#main').bind("scroll",function() {
      if ($('#main').scrollTop() + winHeight > $('.scroll-monitor').height() -10) {
            if($(".next").attr('href') != startHref){
                 $(".next").trigger("click");
            }
      }
  });
})
应该还算好理解吧,大概就是第一页输出下一页的链接,后面的页的next摁钮则通过ajax来生成:如果有就是“下一页”摁钮,如果没有,就是一个提示已经到底端。

抛砖引玉,只是一种思路而已。
头像
binjoo
帖子: 824
注册时间: 2009年 9月 11日 11:13
来自: digu.plus
联系:

Re: 如何判断当前列表是否为最后一页列表?

帖子 binjoo »

cho 写了:我曾经这么做过:
index.php内:

代码: 全选

<?php $this->pageLink('正在载入文章 ...','next'); ?>
然后在js里有下面这样的代码

代码: 全选

$(document).ready(function(){
  var startHref;
  $(".next").click(function() {
  var href = $(this).attr("href");
  startHref = href;
  if (href != undefined) {
    $.ajax({
      type: "get",
      url: href,
      success: function(data) {
        var $res = $(data).find(".post");
        $(".ajax").append($res);
        var newHref = $(data).find(".next").attr("href");
        if (newHref != undefined) {
          $(".next").attr("href", newHref);
        } else {
          $(".next").html("所有文章加载完毕").removeAttr("href")
        }
      }
    })
  }
  return false;
  })

  $('#main').bind("scroll",function() {
      if ($('#main').scrollTop() + winHeight > $('.scroll-monitor').height() -10) {
            if($(".next").attr('href') != startHref){
                 $(".next").trigger("click");
            }
      }
  });
})
应该还算好理解吧,大概就是第一页输出下一页的链接,后面的页的next摁钮则通过ajax来生成:如果有就是“下一页”摁钮,如果没有,就是一个提示已经到底端。

抛砖引玉,只是一种思路而已。

cho大神最近没新板子啊。。
ichizi
帖子: 12
注册时间: 2013年 6月 25日 12:11

Re: 如何判断当前列表是否为最后一页列表?

帖子 ichizi »

binjoo 写了:
cho 写了:我曾经这么做过:
index.php内:

代码: 全选

<?php $this->pageLink('正在载入文章 ...','next'); ?>
然后在js里有下面这样的代码

代码: 全选

$(document).ready(function(){
  var startHref;
  $(".next").click(function() {
  var href = $(this).attr("href");
  startHref = href;
  if (href != undefined) {
    $.ajax({
      type: "get",
      url: href,
      success: function(data) {
        var $res = $(data).find(".post");
        $(".ajax").append($res);
        var newHref = $(data).find(".next").attr("href");
        if (newHref != undefined) {
          $(".next").attr("href", newHref);
        } else {
          $(".next").html("所有文章加载完毕").removeAttr("href")
        }
      }
    })
  }
  return false;
  })

  $('#main').bind("scroll",function() {
      if ($('#main').scrollTop() + winHeight > $('.scroll-monitor').height() -10) {
            if($(".next").attr('href') != startHref){
                 $(".next").trigger("click");
            }
      }
  });
})
应该还算好理解吧,大概就是第一页输出下一页的链接,后面的页的next摁钮则通过ajax来生成:如果有就是“下一页”摁钮,如果没有,就是一个提示已经到底端。

抛砖引玉,只是一种思路而已。

cho大神最近没新板子啊。。

谢谢,正在尝试,,
回复