小编gur*_*and的帖子

我正在尝试修改Jquery分页(基于此Jquery分页教程 - 演示)以使用令人敬畏的twitter引导程序.

Twitter Bootstrap的标准分页设置如下所示,因此这是分页输出结构的目标.

<div class="pagination">
    <ul>
        <li class="prev disabled"><a href="#">&larr; Previous</a></li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li class="next"><a href="#">Next &rarr;</a></li>
    </ul>
</div>

到目前为止,我可以通过更改html输出结构来使其工作,但由于我将输出更改<a>为<li>标记,因此活动突出显示无法正常工作.

这就是我现在卡在ATM的地方!

我仍然需要做以下事情:

• prev在第一页时禁用按钮
• 更改<li>页面时更改活动
• next在最后一页上禁用按钮
• 修复prev按钮,使其再次工作
• 修复下一个按钮,使其再次工作

下面是JsFiddle的链接- 不知何故它不起作用,但代码应该是正确的(与此代码相同)