ajax 切换列表,织梦列表页多种属性排序[ajax]-支持select方式和降序升序切换

排序效果

打包下载

使用说明

该插件是utf-8编码，gbk编码的同学自行转换一下。

1、把include和plus这2个文件夹上传到你网站里

2、在你列表模板里增加 _ajax.htm 结尾的模板，里面的代码参考下载包里的 empletsdefault

list_article_ajax.htm

list_shop_ajax.htm

3、按钮的代码参考 empletsdefault 里面的

list_article.htm

list_shop_ajax.htm

.list_tool{border-bottom:1px solid #D3D3D3;height:25px;text-align:left;padding:10px 2px;}

.list_px{float:left;width:600px;}

.list_tool span,.list_px a{color:#333;padding:0 6px 0 10px;height:24px;line-height:26px;overflow:hidden;background:#EDEDED;border-width:1px;border-style:solid;border-radius:2px;border-color:#999 #ddd #ddd #999;margin:0 10px 0 0;float:left;font-family:'Microsoft YaHei';_font-family:Tahoma;}

.list_tool span{background:#fff;margin-right:0;border:0;}

.list_px a.on{color:#fff;background:#FF9001;line-height:24px;border-color:#C67101 #EC8601 #EC8601 #C67101;font-weight:bold;text-shadow:0 1px 0 #B26501}.list_px a:hover{text-decoration:none;}

$(document).ready(function () {

$(".list_px a").click(function (e) {

var data = $(this).attr("data");

$.get(data,null,function(returnData){

$("#list").html(returnData);

});

var sort = /orderway=(desc|asc)/g.exec(data)[1], tsort = sort == 'desc' ? 'asc' : 'desc';

data = data.replace('orderway=' + sort, 'orderway=' + tsort);

$(this).attr('data', data).text(this.innerHTML.replace(sort, tsort)).addClass("on").siblings().removeClass("on");

})

$(".field").change(function(){

var data = $(this).val();

$.get(data,null,function(returnData){

$("#list").html(returnData);

});

$(this).attr("selected",true);

});

})

function ajax_url(url){

$.get(url,null,function(returnData){

$("#list").html(returnData);

});

}

排序方式：

更新

点击

评论

权重

默认

点击从高到低

点击从低到高

后台-系统-网站域名链接 必须要正确。