发表主题您当前位置:首页 / 交流 / JQuery

jquery实现TP5与bootstrap4的分页样式整合

猪子胖胖  2020-08-11  0  0  155

有时在用ThinkPHP5框架开发项目时会遇到分页,TP5本身就有默认的分页样式,但前端开发我们又用了bootstrap4,所以要用B4分页样式那就必须改TP5默认样式与其一致,所以在这里利用jquery实现动态的改,主要是简单,当然网上也有其它改的方法,但本人比较懒代码又多,不想多看,如网友需要再自己百度搜哈。

首页要放好HTML,如下:


<nav aria-label="Page navigation">
{$page}  <!--page为TP5分页输出-->
</nav>


再就是加上JS代码,如下


$(function(){

pageStyle_tp5_bootstrap4();

});


function pageStyle_tp5_bootstrap4(){

$('ul.pagination li').addClass('page-item');

$('ul.pagination li span').wrap('<a class="page-link" href="#none"></a>');

$('ul.pagination li a').addClass('page-link');

}


OK,一切就是这么简单!

说明:该主题及内容可以随意免费转发,但转发时请注明来源于“哈喽吧”哦^_^。

回复主题

上一篇:Jquery获取当前元素父元素

下一篇:没有了

最新回复(0)

暂无回复
回复主题
提示:请先登录后再回复主题。
  • 站内搜索
  • 百度搜索
  • 搜狗搜索