织梦cms教程

织梦CMS二次开发列表AJAX按条件排序

我的站长站 2017-09-07 人阅读

DedeCMS实现列表页按时间,点击,评论,星级排序的方法还挺多的,最简单的莫过于生成自由列表。最近玩AJAX玩上瘾了,就分享用AJAX动态加载列表的方法。

AJAX办法区别于生成自由列表,自由列表有许多优势:URL静态、独立的标题、描述、关键字,利于SEO优化;但是考虑到这些列表的对蜘蛛抓取规则来说并没有太大区别,只是排序规则不一样而已。

织梦CMS二次开发列表AJAX按条件排序

需要这个功能的童鞋下载几个文件:链接:http://pan.baidu.com/s/1gfsu8YB

说明与使用方法:

1.有gbk和utf8两个版本,把对应的文件放到网站根目录就好。

2./templets/default是对应的默认模板文件夹,里面的两个模板文件,分别是list_article.htm,list_article_ajax.htm,第一个是列表模板文件,第二个是AJAX加载文件,打开list_article.htm,找到

<script type="text/javascript" > function ajax_url(url,id){ if(id!=null){ $("#a_update").attr("class",""); $("#a_hot").attr("class",""); $("#a_lastpost").attr("class",""); $("#a_sortrank").attr("class",""); $("#"+id).attr("class","on"); } $.get(url,null,function(returnData){ $("#list").html(returnData); }); } $(function(){ }); </script>

红色的#list对应的是下面<div id="list">...</div>,这个div所包含的内容都会被AJAX加载的内容覆盖。

比如:你的列表模板名为:produce.htm,对应的AJAX模板命名为produce_ajax.htm。

异步加载列表排序常见问题

1.织梦58测试,JS动态显示点击次数,会显示错误,采用[field:click/]就好;

2.lazyload图片延迟加载加载不出图片,已解决,参考文章《网站图片Lazyload延迟加载技术》;

2.有局限性,不能使用在首页或频道封面,只能使用在最终列表栏目;

3.最后效果请参考本站任意一个栏目列表。

相关推荐
  • 织梦CMS二次开发
  • AJAX
  • 织梦CMS二次开发缩略图变形的解决方法

    下面给大家介绍织梦CMS加水印图片会变形的解决方法,修改代码前先备份源码,以免出错第一:修改一个处理图片的函数位置:/include/image.func.php查找到:if($srcW<=$toW&& $srcH<=$toH) returntrue;大概在71行左右在下面加上if($srcW>$srcH){$toWH=$toH/$toW...

    织梦cms教程 233 5年前
  • 织梦CMS二次开发列表AJAX按条件排序

    DedeCMS实现列表页按时间,点击,评论,星级排序的方法还挺多的,最简单的莫过于生成自由列表。最近玩AJAX玩上瘾了,就分享用AJAX动态加载列表的方法。AJAX办法区别于生成自由列表,自由列表有许多优势:URL静态、独立的标题、描述、关键字,利于SEO优化;但是考虑...

    织梦cms教程 305 7年前
  • dedecms二次开发全站文章收藏总次数统计

    需要对网站所有文章的收藏量统计,但是织梦默认没有这个统计功能,下面就告诉大家详细开发过程!此过程需要对数据库进行操作,需要取得数据库权限,建议大家在操作前最好备份一下数据库以及文件。下面是详细步骤:第一步、新建数据库表dede_stows,我们以直接复制...

    织梦cms教程 210 7年前
  • 帝国CMS表单如何使用ajax提交?

    自己做了个表单提交,但是form的转跳页面提示,想做成ajax根据返回信息提示。ajax提交思路代码var data = $(&#39;#form&#39;).serialize(), url = $(&#39;#form&#39;).attr(&#39;action&#39;); $.ajax({ method:"POST...

    帝国cms教程 306 5年前
  • wordpress Ajax无限加载插件-Quick Ajax2.3.1[英文版]
    wordpress Ajax无限加载插件-Quick Ajax2.3.1[英文版]

    Quick Ajax插件说明使用此插件,你可以在你的主题里实现无限加载文章来代替传统的分页模式。提供多种列表模式:瀑布流、传统文章模式、时间轴等。wordpress加载主要功能外观设置选择布局:经典(列表)或...

    wordpress插件 520 5年前
  • wordpress实现文章的ajax无限加载

    刚学习wordpress 写一个网站的文章的无限加载,本来想的好难啊,但是真的自己写了之后感觉真的挺简单的,所以啊一定要做一下小小的总结:首先你要确定你的wordpress的jQuery功能能用你可以在header.php里wp_head();前面加上wp_enqueue_script(&#39;jquery&#...

    wordpress教程 237 5年前
最新更新