【dedecms】织梦列表页下拉刷新百分百能用的方法-原创

  • 内容
  • 相关

我把代码帖出来,请自行引入js,自行测试,我的百分百可以用。

重点看下这个

 container: ".zixun_l_list", //包含所有文章的元素
    item: ".zixun_l_listnews", //文章元素
这两个一定要填写正确,否则还是不能用,最下面我吧例子贴出来;


<script type="text/javascript">
	var ias = $.ias({
    container: ".zixun_l_list", //包含所有文章的元素
    item: ".zixun_l_listnews", //文章元素
    pagination: ".pagelist", //分页元素
    next: ".pagelist a.nextpage", //下一页元素
});
ias.extension(new IASSpinnerExtension({
    src: "{dede:global.cfg_templets_skin/}/images/loading.gif", //此选项为加载时缓冲图片
    html: '<p style="text-align: center;"><img src="{src}"/></p>'
}));
ias.extension(new IASTriggerExtension({
    text: '点击加载更多', //此选项为需要点击时的文字
    html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',
    offset: !2, //设置此项,如 offset:2 页之后需要手动点击才能加载,offset:!1 则一直为无限加载
}));
ias.extension(new IASNoneLeftExtension({
    text: '已经到底啦!', // 加载完成时的提示
    html: '<p style="text-align: center; cursor: pointer;"><a style="font-size:16px; color:#888888;">{text}</a></p>',
}));
</script>


这是上面获取元素的div

<!-- 资讯列表  begin -->
			<div class="zixun_l_list">
				<!-- 导航 -->
				<div class="zixun_l_title">
					<h3>头条推荐</h3>
				</div>
   				<!-- 第一条 begin -->
				{dede:list pagesize='2'}
   				<div class="zixun_l_listnews">
   					<!-- 图片 -->
					<div class="zixun_l_listnews_img">
						<a href="[field:arcurl/]" target="_blank"><img src="[field:picname /]" alt="[field:title/]" /></a>
					</div>
					<!-- 内容 -->
					<div class="zixun_l_listnews_cont">
						<!-- 标题 -->
						<a href="[field:arcurl/]" target="_blank" class="zixun_l_listnews_cont_h3">
							<h3>[field:title/]</h3>
						</a>
						<div class="blank15" style="height: 10px;"></div>
						<!-- 详情 -->
						<p>[field:description function='cn_substr(@me,260)'/]...</p>
						<!-- 来源、日期 -->
						<div class="date">
							<span>来源&nbsp;:</span>&nbsp;<span>[field:source /]</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>[field:pubdate function=strftime('%Y-%m-%d',@me)/]</span>
						</div>
					</div>
   				</div>
				{/dede:list}

   				
			</div>
			<!-- 资讯列表 end -->




本文标签:

版权声明:若无特殊注明,本文皆为《筱彬》原创,转载请保留文章出处。

本文链接:【dedecms】织梦列表页下拉刷新百分百能用的方法-原创 - http://www.itfml.com/dedecms/85.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注