首页 / PHP / thinkPHP实现瀑布流的方法，thinkphp实现瀑布_PHP教程

thinkPHP实现瀑布流的方法，thinkphp实现瀑布_PHP教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了thinkPHP实现瀑布流的方法，thinkphp实现瀑布_PHP教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1971字，纯文字阅读大概需要3分钟。

内容图文

thinkPHP实现瀑布流的方法，thinkphp实现瀑布

本文实例讲述了thinkPHP实现瀑布流的方法。分享给大家供大家参考。具体分析如下：

很多人都想做瀑布流的效果,这里告诉大家官网使用的方法,首先要下载瀑布流的插件jquery.masonry.min.js 地址：http://masonry.desandro.com/index.html里面包含的很多示例.

流程:

1. 页面初始化时,调用插件进行一次排版；

2. 当用户将滚动条拖到底部时,用ajax加载一次数据,并排版显示

3. 重复2,直到无数据

Html代码:
 代码如下:



Insert title here













瀑布流下来了






加载中，请稍后...



我是页脚




Action代码：
 代码如下://初始化的数据
public function lists(){
$data = D('Info')->order('id DESC')->limit(10)->select();
$this->assign('data', $data);
$this->display();
}
//获取一次请求的数据
public function getMore(){
//获取最后一个id
if(!emptyempty($_GET['lastid']))$map['id'] = array('lt', $_GET['lastid']);
$data = D('Info')->where($map)->order('id DESC')->limit(10)->select();
$this->ajaxReturn($data);
}

注意:通过判断窗口是否滚动到页面底部来决定用ajax加载一次数据,如果不做处理,会一下子请求很多次,所以,要使用条件来限制.

这里使用的是往一个元素上赋值 $("#loading").data("on", true);,在请求期间判断是true则不继续请求,然后在页面请求完成后再赋值为false.

希望本文所述对大家的ThinkPHP框架程序设计有所帮助。

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/919626.htmlTechArticlethinkPHP实现瀑布流的方法，thinkphp实现瀑布 本文实例讲述了thinkPHP实现瀑布流的方法。分享给大家供大家参考。具体分析如下： 很多人都想...

内容总结

以上是互联网集市为您收集整理的thinkPHP实现瀑布流的方法，thinkphp实现瀑布_PHP教程全部内容，希望文章能够帮你解决thinkPHP实现瀑布流的方法，thinkphp实现瀑布_PHP教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/184807.html

来源：【匿名】