问题描述
在使用分页组件时,点击页码跳转,在页码较多时点击当前显示的最大的页码,会加上active样式,但是新加载出来的页面也会加上‘active’。样式并且在点击其他位置时,该样式会消失
例如图一中点击第‘8’页,第‘8’页会加上‘active’样式,后面加载出来第九页第十页,第十页也会有‘active’样式。如图二:
图一
图二
问题分析
在点击了第‘8’页时,新加载出第九页第十页,此时鼠标的位置切换到了第十页的位置,由于在样式中加了:focus伪类会自动添加点击后的效果,变造成了上述的问题
解决办法
删除样式的:focus伪类,或者将:focus样式改成当前未选中页码的样式,将原来的:focus覆盖。
原文地址:https://www.cnblogs.com/yonglei/p/8981603.html
时间: 2024-11-10 13:18:30