官网
教程
文档
官网文档
小程序集群与uniapp
小程序app接口教程
冰蓝世界版
阿赖耶识与随风版
网站首页
齐博X1教程专栏
文章列表
推荐
滑动门+下滑加载更多详细图解
超级蜘蛛查
2024-02-28 16:43:25
11
![](https://img.kancloud.cn/2c/75/2c75f766ef55bbf4db50da6b0f229054_1440x790.png) ~~~ var type_num = 0; //默认是第一项 $(document).ready(function () { $(".bbs_title h3").click(function(){ $(".bbs_title h3").removeClass('ck'); $(this).addClass('ck'); type_num = $(this).index(); $(".SideInfos .show_content").hide(); $(".SideInfos .show_content").eq(type_num).show(); scroll_get = true; //避免其它加载完了,这里却无法加载 }); }); var Mpage = new Array(); //页码数组 var urldb = new Array('{qb:url name="wap_member_homepage_002" /}','{qb:url name="wap_member_homepage_reply_002" /}','{qb:url name="wap_member_homepage_reply_003" /}','{qb:url name="wap_member_homepage_reply_004" /}'); //不同的URL function ShowMoreBBs(){ if( typeof Mpage[type_num]=='undefined' ){ Mpage[type_num] = 1; } Mpage[type_num]++; var url = urldb[type_num] + Mpage[type_num]; $.get(url,function(res){ if(res.code==0){ if(res.data==''){ layer.msg("已经显示完了!",{time:500}); }else{ $(".SideInfos .show_content").eq(type_num).append(res.data); set_i_num(); scroll_get = true; } }else{ layer.msg(res.msg,{time:2500}); } }); } //滚动显示更多 var scroll_get = true; //做个标志,不要反反复复的加载 $(document).ready(function () { $(window).scroll(function () { if (scroll_get==true && (400 + $(window).scrollTop())>($(document).height() - $(window).height())) { scroll_get = false; layer.msg('内容加截中,请稍候',{time:1000}); ShowMoreBBs(); } }); }); //设置标题序号 function set_i_num(){ var j = 0; $(".SideInfos .show_content").eq(type_num).find('ul span').each(function(){ j++; $(this).html(j); }); } </script> ~~~ 官方教程已经同步更新,其实很简单的 稍微用一点点心就可以发现规律了。 [https://www.kancloud.cn/php168/x1\_of\_qibo/842761](https://www.kancloud.cn/php168/x1_of_qibo/842761)
本文链接:https://x1.wanxiangsucai.com/read/381.html
没有了后一页
齐博x1云标签插件-一..
其中20代表取标题多少个字, 为了排版需要,你不想要标题的话,可以换成字符,比如
上一页
上一篇:
下一篇:齐博x1云标签插件-一件提取关键词无法使用的解决办法
相关文章推荐
1.
微信支付授权目录详细讲解
2.
用异步加载,可加快网页打开速度
3.
异步加载标签数据
4.
列表页制作及无滚动加载内容
5.
如何给会员中心菜单及后台菜单传更多的参数
6.
如何让class类标签增加更多的设置选项
7.
滑动门+下滑加载更多
8.
标签之无刷新显示更多
9.
滑动门+下滑加载更多详细图解
齐博X1教程专栏最新文章
1.
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
2.
齐博x1云标签插件-一件提取关键词无法使用的解决办法..
3.
关于thinkphp5
4.
齐博X1更新记录
5.
解决Web部署 svg/woff/woff2字体 404错误
6.
云市场注意事项
7.
如何调取当前模块ID
8.
URL伪静态设置
9.
QQ登录接口配置
10.
邮箱接口设置之QQ企业邮箱
齐博X1教程专栏文章推荐
1.
011-数据库工具
2.
齐博X1目录结构
3.
006-系统设置之水印设置
4.
标签或碎片的一些注意事项
5.
模块插件安装程序制作的视频教程
6.
商城判断是否购买过
7.
一段不错的小js提高一点点阅读体验 计算本文阅读所需的时长..
8.
视频直播接口设置
9.
小程序集群必须带上固定的标志
10.
004-列表页的内置变量
建站工具推荐
您可能感兴趣的文章
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
齐博x1云标签插件-一件提取关键词无法使用的解决办法
关于thinkphp5
齐博X1更新记录
解决Web部署 svg/woff/woff2字体 404错误
云市场注意事项
如何调取当前模块ID
URL伪静态设置
QQ登录接口配置
邮箱接口设置之QQ企业邮箱