排序效果

打包下載

鏈接: https://pan.baidu.com/s/1ZH3AwiCJwr-sMAoi1NxDQQ 密碼: p8rm

使用說明

該插件是utf-8編碼，gbk編碼的同學自行轉(zhuǎn)換一下。

1、把include和plus這2個文件夾上傳到你網(wǎng)站里

2、在你列表模板里增加 _ajax.htm 結(jié)尾的模板，里面的代碼參考下載包里的 empletsdefault

• list_article_ajax.htm
• list_shop_ajax.htm
  

3、按鈕的代碼參考 empletsdefault 里面的

• list_article.htm
• list_shop_ajax.htm
  

<!-- 排序方式 -->
<script src="/uploads/allimg/200915/16213UU8-1.jpg" type="text/javascript"></script>
<style>
.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;}
</style>
<script type="text/javascript">
$(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);
	});
}
</script>
<p class="list_tool">
	<p class="list_px">
		<span>排序方式：</span>
		<a id="a_update" class="on" href="{dede:type}[field:typeurl/]{/dede:type}">更新</a>
		<a data="{dede:global.cfg_basehost/}/plus/listajax.php?tid={dede:field.typeid/}&orderby=hot&orderway=desc" href="javascript:viod();">點擊</a>
		<a data="{dede:global.cfg_basehost/}/plus/listajax.php?tid={dede:field.typeid/}&orderby=scores&orderway=desc" href="javascript:viod();">評論</a>
		<a data="{dede:global.cfg_basehost/}/plus/listajax.php?tid={dede:field.typeid/}&orderby=weight&orderway=desc" href="javascript:viod();">權(quán)重</a>
		<select class="field" name="field">
			<option selected>默認</option>
			<option value="{dede:global.cfg_basehost/}/plus/listajax.php?tid={dede:field.typeid/}&orderby=hot&orderway=desc">點擊從高到低</option>
			<option value="{dede:global.cfg_basehost/}/plus/listajax.php?tid={dede:field.typeid/}&orderby=hot&orderway=asc">點擊從低到高</option>
		</select>
	</p>
</p>

后臺-系統(tǒng)-網(wǎng)站域名鏈接 必須要正確。