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>

效果图：
这是第一页

这是最后一页