<一个 href=#> 重定向到索引的链接..php - <a href=#> link redirecting to index. php?

<a href=#> link redirecting to index. php?

<div class="filter-portfolio pull-right">
  <ul>
    <li class="always-visible">
      **<a href="#">**Categories <span class="icon-caret-down"></span></a>
    </li>
    <li>
      <a href="#" data-filter=".all">All</a>
    </li>
    <li>
      <a href="#" data-filter=".fashion">Fashion</a>
    </li>
    <li>
      <a href="#" data-filter=".nature">Nature</a>
    </li>
    <li>
      <a href="#" data-filter=".animals">Animals</a>
    </li>
    <li>
      <a href="#" data-filter=".arch">Architecture</a>
    </li>
  </ul>
</div>`

每当我单击<a href="#">**Categories</a>链接时，它都会将我重定向到index.php/#。谁能帮我找出为什么会这样？

阻止默认点击处理程序：

$('.filter-portfolio a[href="#"]').on('click', function(event) {
  event.preventDefault();
});

单击锚点时，#符号会将页面滚动到顶部，并将哈希符号添加到 URL，如果您不希望这样做，只需阻止它

$('a[href="#"]').on('click', function(e) {
    e.preventDefault()
});

你也可以像这样省略 href 属性，你不需要任何 JavaScript。

喜欢这个：

<a data-filter=".all">All</a>