如何完全禁用分页链接

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>
	<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

您可以在class="disabled"标记中使用a，如下所示：

<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;
}

Answer 2

<ul class="pagination disabled"> // Add the disabled class to pagination

如果要禁用特定链接，请将禁用类添加到要禁用的锚标记中。

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

并将&.disabled修改为css中的.disabled。