Javascript 将 ThinkPHP 分页自动转换为 bootstrap 分页

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">ThinkPHP默认输出页面不兼容Bootstrap,虽然使用setConfig和theme可以进行设定,实际操作中发现太麻烦</span>

具体代码如下:

/** 
 * @author default7#zbphp.com 
 * @description 将ThinkPHP的分页转换为 bootstrap分页 
 * @param selector 
 */  
function initPagination(selector) {  
    selector = selector || '.page';  
    $(selector).each(function (i, o) {  
        var html = '<ul class="pagination">';  
        $(o).find('a,span').each(function (i2, o2) {  
            var linkHtml = '';  
            if ($(o2).is('a')) {  
                linkHtml = '<a href="' + ($(o2).attr('href') || '#') + '">' + $(o2).text() + '</a>';  
            } else if ($(o2).is('span')) {  
                linkHtml = '<a>' + $(o2).text() + '</a>';  
            }  
  
            var css = '';  
            if ($(o2).hasClass('current')) {  
                css = ' class="active" ';  
            }  
  
            html += '<li' + css + '>' + linkHtml + '</li>';  
        });  
  
        html += '</ul>';  
        $(o).html(html).fadeIn();  
    });  
}  

使用方法:

<script>
  $(function(){
    initPagination('类名');
  })
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值