如何完全禁用分頁鏈接

Question

當我單擊禁用的鏈接時，它會將我帶到頁面的頂部。我爲此做的事情不會發生？我嘗試了一個JavaScript代碼，它沒有工作，這個CSS也沒有工作。對不起，我的英語

.pagination ul { 
 
    display: inline-block; 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
.pagination li { 
 
    display: inline; 
 
} 
 

 
.pagination li a { 
 
    color: black; 
 
    float: left; 
 
    padding: 8px 16px; 
 
    text-decoration: none; 
 
} 
 

 
.pagination li.active a { 
 
    background-color: red; 
 
    color: white; 
 
} 
 

 
.pagination li:hover.active a { 
 
    background-color: red; 
 
} 
 

 
.pagination li:hover:not(.active) a { 
 
    background-color: #ddd; 
 
    color: black; 
 
} 
 

 
&.disabled, 
 
&[disabled] { 
 
    cursor: not-allowed; 
 
    pointer-events: none; // Future-proof disabling of clicks 
 
    .opacity(.65); 
 
    .box-shadow(none); 
 
}

<div class="container text-center"> 
 
    <ul class="pagination"> 
 
    <li class="disabled"><a href="">«</a></li> 
 
\t <li class="active"><a href="index.html">1</a></li> 
 
    <li><a href="videos2.html">2</a></li> 
 
    <li><a href="videos2.html">»</a></li> 
 
    </ul> 
 
</div>

Answer 1

​​

如果要禁用特定鏈接，然後添加禁用類爲要禁用的錨標記。

<a href="index.html" class="disabled"></a> 

和修改& .disabled在CSS只是.disabled

Answer 2

您可以在a標籤使用class="disabled"像這樣：

HTML

<ul class="pagination"> 
    <li><a class="disabled" href="">«</a></li> 
    <li class="active"><a href="index.html">1</a></li> 
    <li><a href="videos2.html">2</a></li> 
    <li><a href="videos2.html">»</a></li> 
</ul> 

CSS

.disabled { 
    pointer-events: none; 
}