html – Bootstrap分页中的禁用链接

前端之家收集整理的这篇文章主要介绍了html – Bootstrap分页中的禁用链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用Bootstrap的分页风格。文档说要创建这样的页面列表:
<div class="pagination">
    <ul>
        <li class="disabled"><a href="#">&laquo;</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="#">&raquo;</a></li>
    </ul>
</div>

前两个链接,左箭头和1,应该被禁用。当我将它并入我的django模板时,这两个仍然可以使用。点击它们就像任何其他具有id“#”的锚链接一样将用户发送到页面顶部。我想我仍然必须有一个为了Bootstrap正确的风格。

有没有办法写这个,以便当用户点击其中一个禁用的“按钮”时,它不会做任何事情?

解决方法

在文档中,这些按钮只是手动禁用。它与.pagination样式无关。

你可以用它

$('.pagination .disabled a,.pagination .active a').on('click',function(e) {
    e.preventDefault();
});

注意:如果你使用一个基于ajax的分页,你必须把这段代码放在更新处理程序中或者使用delegated events

猜你在找的HTML相关文章