我试图使用Bootstrap的分页风格。文档说要创建这样的页面列表:
<div class="pagination"> <ul> <li class="disabled"><a href="#">«</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="#">»</a></li> </ul> </div>
前两个链接,左箭头和1,应该被禁用。当我将它并入我的django模板时,这两个仍然可以使用。点击它们就像任何其他具有id“#”的锚链接一样将用户发送到页面顶部。我想我仍然必须有一个为了Bootstrap正确的风格。
有没有办法写这个,以便当用户点击其中一个禁用的“按钮”时,它不会做任何事情?
解决方法
在文档中,这些按钮只是手动禁用。它与.pagination样式无关。
你可以用它
$('.pagination .disabled a,.pagination .active a').on('click',function(e) { e.preventDefault(); });
注意:如果你使用一个基于ajax的分页,你必须把这段代码放在更新处理程序中或者使用delegated events