BootStrap3 笔记（一）：关于分页组件中<a>标签disable后还是可以点击的问题

如题，我参考这篇博客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>

效果图：
这是第一页

这是最后一页