页面上实现类似于下拉加载更多的功能,这种是点击加载更多 。
大致思路是:
- 首先Ajax获取到下一页内容,返回json格式数据,如果是跨域请求可以用jsonp返回,通过jq的append()到某个元素后面
- 此时分页的page+1,可以在“加载更多”按钮上把总页数和当前页用自定义属性标识,如data-page=1,data-total=5
- 如果当前页等于总页数时将”加载更多”按钮remove()掉
下面是jq和php代码:
- html结构
<ul class="clearfix moreadd">
<li><a href="#" title="0123">
<img class="lazyimg" src="img/grey.gif">
<div class="info">
<p class="name">123</p>
<p class="txt">456</p>