我们知道迅睿CMS分页标签{@$page_rs}中为固定样式的代码段。

有的时候我们需要更改其class名称或部分结构,通过更改后台分页部分的php代码可以很好的实现,但是这种方式一方面不利于更新,另一方面,需要修改的内容也比较繁琐。那么有没有更好的方式可以实现呢?

通过JS可以很好的实现这一点:

//替换外层ul为div样式
var htmltext = $("ul.pagination").html();
$("ul.pagination").replaceWith('<div class="page">' + htmltext + '</div>');
//替换内层内容
$(".page li").each(function() {
    var txt = $(this).children("a").text();
    var url = $(this).children("a").attr("href") ? $(this).children("a").attr("href") : 'javascript:;';
    var curr = '';
    if ($(this).hasClass("active")) {
        curr = "current"; //当前激活类
    }
    console.log(curr);
    $(this).replaceWith('<a class="' + curr + '" href="' + url + '">' + txt + '</a>') //样式
});
//隐藏总页数
$(".page a").first().hide();


另外,迅睿CMS也提供了简单的page样式修改方式,直接修改/config/page下面的对应文件即可。