javascript - URL href 失败 : Anchors, URL 和 Javascript

Question

我正在使用 javascript 来实现平滑滚动(在下面的脚本标签中)，并且还使用 href 作为 anchor 链接。所有 anchor 都工作正常，但 javascript 似乎禁用了 URL 的 href。你能帮我重写这个吗？

<ul class="snip1143">
    <li class><a href="#home1" data-hover="Home">Home</a></li>
    <li><a href="#about1" data-hover="About">About</a></li>
    <li><a href="#experience1" data-hover="Work">Work</a></li>
    <li><a href="URL HERE" data-hover="Blog">Blog</a>   </li
    <li><a href="#contact1" data-hover="Contact">Contact</a></li>

<script>

  $(document).on('click', 'a', function(event) {
      event.preventDefault();

      $('html, body').animate({
          scrollTop: $( $.attr(this, 'href') ).offset().top
      }, 500);
  });

</script>

Answer 1

event.preventDefault() 将阻止默认设置，对于 anchor 来说，默认设置将转到该 url。您可能想向要设置动画的 anchor 添加一个类，并仅选择那些 anchor 而不是阻止所有 anchor 标签的默认设置。