如题,我参考这篇博客http://blog.csdn.net/jalon2015/article/details/71056702
把a改为span之后,分页功能完全失效。正常的点击后也无效。无耐,我就继续看文档菜鸟教程上的按钮介绍http://www.runoob.com/bootstrap/bootstrap-buttons.html。写下本篇
如下:
**
解决方法:
**
简单的来说就是不在li上加.disable ,在a标签的class 加.disabled
<li>
<a href="#" class="btn disabled" >首页</a>
</li>
必须带上.btn 类。否则无效。同理也可以用button标签来实现
完美解决了 我的问题!O(∩_∩)O哈哈~
下面附上我的分页代码(小脚本控制的):
<nav style="text-align: right;">
<ul class="pagination">
<li>
<a href="javascript:openPage(1)" class="btn <%=currentPage==1?"disabled":""%>" >首页</a>
</li>
<li>
<a href="javascript:openPage(<%=currentPage-1%>)" class="btn <%=currentPage==1?"disabled":""%>" >上一页</a>
</li>
<li>
<a href="javascript:openPage(<%=currentPage+1%>)" class="btn <%=currentPage==pageSize?"disabled":""%>" >下一页</a>
</li>
<li>
<a href="javascript:openPage(<%=pageSize%>)" class="btn <%=currentPage==pageSize?"disabled":""%>" >尾页</a>
</li>
</ul>
</nav>
效果图:
这是第一页
这是最后一页