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

用户昵称不能为空

于 2014-09-27 14:14:24 发布

阅读量3k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/default7/article/details/39611421

ThinkPHP 同时被 3 个专栏收录

14 篇文章

订阅专栏

javascript

7 篇文章

订阅专栏

bootstrap

3 篇文章

订阅专栏

本文提供了一段JavaScript代码，演示了如何将ThinkPHP生成的分页HTML转换为Bootstrap风格的分页。通过遍历原始分页元素，解析并重构HTML结构，最终实现美观且响应式的分页效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#写的一个通用的，将thinkphp生成的分页HTML，自动转换为 bootstrap 分页：

/**
 * @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();
    });
}