dede文章异步ajax加载,织梦DedeCMS列表“加载更多”“无限下拉”Ajax加载使用方法...

Infinite Ajax Scroll 简称 ias，无限的ajax滚动，是一款jQuery滚动ajax分页插件，当页面滚动到容器可见部分将自动异步加载数据。

下面先来看看效果。

无限下拉效果

点击加载更多效果

插件说明

炒鸡简单，不用改动程序内核文件，不用懂php代码

支持“加载更多”

支持“无限下拉”

支持动静态

支持图片延迟加载

插件的集成很简单，分以下几个步骤：

1、页面中引用 jquery.js 与 jquery-ias.min.js

注意：jquery.js库版本必须大于1.6

2、接着上面的js，在页面中写上插件参数

var ias = $.ias({

container: ".listbox", //包含所有文章的元素

item: ".item", //文章元素

pagination: ".pagelist", //分页元素

next: ".pagelist a.nextpage", //下一页元素

});

ias.extension(new IASSpinnerExtension({

src: "/img/load.gif", //此选项为加载时缓冲图片

html: '

}));

ias.extension(new IASTriggerExtension({

text: '点击加载更多', //此选项为需要点击时的文字

html: '

{text}

offset: !1, //设置此项，如 offset:2 页之后需要手动点击才能加载，offset:!1 则一直为无限加载

}));

ias.extension(new IASNoneLeftExtension({

text: '已经加载完成！', // 加载完成时的提示

html: '

{text}

}));

3、织梦DedeCMS列表模板html代码示范，注意html代码中的 listbox、item、pagelist、nextpage 要与上面js中的统一

{dede:list pagesize='10'}

[field:title/]

{/dede:list}

{dede:pagelist listitem="next" listsize="1" runphp=yes}

@me = preg_replace('/

{/dede:pagelist}

要在加载更多后显示的文章中支持图片延迟加载，需要添加此图片延迟加载功能，没有延迟加载图片的不需要理会ias.on('rendered', function(items) {

$(".content img").lazyload({

effect: "fadeIn",

failure_limit : 10

}); //这里是你调用Lazyload的代码

})

dede文章异步ajax加载,织梦DedeCMS列表“加载更多”“无限下拉”Ajax加载使用方法...相关推荐

织梦DedeCms列表{dede:list}标签实现按文章权重weig
织梦列表默认的排序是按照发布时间倒序排列的,后台控制文章顺序不是很方便,而按照织梦文章权重排列就很方便了. 华维网络,网络整合营销倡导者下面就是织梦cms列表页{dede:list}标签实现按文章权 ...
php自定义表单怎么导入excel,织梦dedeCMS将自定义表单数据导入到excel文档实现方法...
这篇文章主要为大家详细介绍了织梦dedeCMS将自定义表单数据导入到excel文档实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 织梦的自定义表单适用起 ...
新手站长说说之织梦DedeCMS列表页标题SEO优化
织梦DedeCMS列表页标题SEO优化织梦无忧织梦技巧摘要: 织梦DedeCMS栏目列表的标题是重复的,在谷歌站长工具,就会有相关的提示:重复的标题标记,说明这个对搜索引擎是很不友好的.当然,这 ...
dede 表单必填_织梦dedecms自定义表单选项必填怎么修改
织梦dedecms自定义表单选项必填怎么修改? 本文实例讲述了织梦dedecms自定义表单选项必填修改解决方法.分享给大家供大家参考.具体方法如下: 推荐学习:织梦cms 方法一:首先我们要用一段ph ...
ajax瀑布流 dede,dedecms加载更多,无限下拉瀑布流插件
这篇教程会使用到Infinite Ajax Scroll插件,即无限的ajax滚动,当页面滚动到容器可见部分将自动异步加载数据. 插件的集成很简单,分以下几个步骤: 1.页面中引用jquery.js ...
dede 验证码不显示 vdimgck.php,织梦(dedecms)后台登录验证码不显示或不正常的解决方法...
随着互联网的快速发展,站长已经成为了互联网中的新兴人群,而其中建站使用的cms以织梦居多,伴随着人数的增多,在使用织梦cms中遇到的问题也越来越多,其中最棘手的问题莫过于验证码无法显示而导致无法登陆后 ...
织梦php 中英文加手机,织梦dedecms系统中英文网站之中英文搜索结果
$tempfile = $GLOBALS['cfg_basedir'].$GLOBALS['cfg_templets_dir']."/".$GLOBALS['cfg_df_styl ...
织梦DedeCMS列表页多条件联动筛选功能（移动端列表页使用电脑端模板问题解决）
原文:http://www.dedejs.com/html/article-571-1.html点击打开链接备注:按此文可以解决,但手机列表页会出问题.列表页移动端调用的还是电脑端模板. 此问题本人 ...
织梦详情页 php,织梦DEDECMS列表页与详情页调用图集多张图片的方法
DEDECMS列表页与详情页调用图集多张图片的方法,先找到include/common.inc.php文件,把下面代码贴进去: function Getimg($aid,$imgwith,$imghe ...

dede文章异步ajax加载,织梦DedeCMS列表“加载更多”“无限下拉”Ajax加载使用方法...

dede文章异步ajax加载,织梦DedeCMS列表“加载更多”“无限下拉”Ajax加载使用方法...相关推荐

最新文章

热门文章