問題描述
在使用分頁組件時,點擊頁碼跳轉,在頁碼較多時點擊當前顯示的最大的頁碼,會加上active樣式,但是新加載出來的頁面也會加上‘active’。樣式並且在點擊其他位置時,該樣式會消失
例如圖一中點擊第‘8’頁,第‘8’頁會加上‘active’樣式,后面加載出來第九頁第十頁,第十頁也會有‘active’樣式。如圖二:
圖一
圖二
問題分析
在點擊了第‘8’頁時,新加載出第九頁第十頁,此時鼠標的位置切換到了第十頁的位置,由於在樣式中加了:focus偽類會自動添加點擊后的效果,變造成了上述的問題
解決辦法
刪除樣式的:focus偽類,或者將:focus樣式改成當前未選中頁碼的樣式,將原來的:focus覆蓋。