laravel 框架下的一个分页问题

Question

 目前连接数据库，页面分页表现为这样

 

页面展现代码为:

<div class="box-footer clearfix">
    <ul class="pagination pagination-sm no-margin pull-right">
        <li><a href="{{ $data->withQueryString()->previousPageUrl() }}"><</a></li>
        @for ($p = 1; $p <= ceil($data->total() / $data->perpage()); $p++)
            <li><a href="{{ $data->withQueryString()->url($p) }}">{{ $p }}</a></li>
        @endfor
        <li><a href="{{ $data->withQueryString()->nextPageUrl() }}">></a></li>
    </ul>
</div>

$data为控制器传值 内涵所有的数据库内容。

 

想请教如何当页面在第一页以及最后一页时，是的向前和向后的button属性失效或隐藏。

目前想法时给div属性+id jquery取得标签下的两个li  在做判断。 可是事与愿违。

 

望大神老师们多多指教新手。

谢谢~！

Answer 1

你用的分页是ui库里面的吗，一般ui库自带的就是这样的逻辑。没有的话就是获取分页的盒子，获取到上一页，下一页的button给他设置disabled或者隐藏。你自己封装的分页的话，可以获取当前页，然后获取上一页，和下一页的button按钮（dom元素即可不一定是button）然后判断即可

当前页>数据条数/每页条数 那么下一页的disabled=true或者直接给他隐藏。当前页==1那么上一页就禁用或者隐藏。