<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>