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

最新推荐文章于 2021-03-26 14:40:17 发布

原创最新推荐文章于 2021-03-26 14:40:17 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #thinkphp #bootstrap

ThinkPHP 同时被 3 个专栏收录

14 篇文章

订阅专栏

javascript

7 篇文章

订阅专栏

bootstrap

3 篇文章

订阅专栏

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

#写的一个通用的，将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();
    });
}