html – Bootstrap分页中的禁用链接

概述我试图使用Bootstrap的分页风格。文档说要创建这样的页面列表： <div class="pagination"> <ul> <li class="disabled"><a href="#">«</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#" 我试图使用bootstrap的分页风格。文档说要创建这样的页面列表：

<div >    <ul>        <li ><a href="#">&laquo;</a></li>        <li ><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 – Bootstrap分页中的禁用链接全部内容，希望文章能够帮你解决html – Bootstrap分页中的禁用链接所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。