<a href=#>鏈接重定向到索引。</a> <a href=#>PHP的？</a>

Question

<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/# 。 誰能幫我找出原因呢？

Answer 1

單擊錨點時， #號會將頁面滾動到頂部，然后將井號添加到URL，如果您不希望這樣做，則只需將其阻止

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

Answer 2

阻止默認點擊處理程序：

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

Answer 3

您也可以像這樣省略href屬性，並且不需要任何JavaScript。

像這樣：

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