jQuery:Ajax分页加载简单使用前奏
已经有好久没发布教程类的文章了,以前也只不过是copy百度来的教程做一个记录,随后记录的是培训时的笔记,现在只要是有价值的文章,何必去区分是copy还是笔记,关键在于是否坚持过,可坚持二字,真的可以做到吗?
在主题中用到了分页加载,可还不是很熟悉,这里就把2中方法先记录下来,方便查阅。
1、首先载入jquery.ias.min.js文件,可以直接百度到下载链接;
2、然后下面代码是百度到的2种方法,任选其一即可:
(方法一“可能”出自舍力博客)
- var ias = $.ias({
- container: "#content",
- item: ".tleajaxpage",
- pagination: ".am-pagination",
- next: ".am-pagination a#tlenextpage",
- });
- ias.extension(new IASTriggerExtension({
- text: '<div class="cat-nav am-round"><small>猛点几次查看更多内容</small></div>',
- offset: 2,
- }));
- ias.extension(new IASSpinnerExtension());
- ias.extension(new IASNoneLeftExtension({
- text: '<div class="cat-nav am-round"><small>已经是全部内容了</small></div>',
- }));
或者
(方法二“可能”是jQuery原版)
- jQuery.ias({
- history: false,
- container : '#content',
- item: '.tleajaxpage',
- pagination: '.am-pagination',
- next: '.am-pagination a#tlenextpage',
- trigger: '猛点几次查看更多内容',
- loader: ”,
- triggerPageThreshold: 5,
- onRenderComplete: function() {
- }
- });
以上仅是使用jQuery实现Ajax分页加载简单使用的前奏,后续有何优化欢迎按Ctrl+D收藏同乐儿网址。