Javascript 单页滚动JQuery脚本不工作？

尝试创建一个简单的单页滚动

在WordPress中，我有这样的导航标签

<a href="#contact">Contact</a>
<a href="#about">About</a>

有什么想法吗，我做错了什么

更新**以下是我在查看答案后所做的修改。剧本还是没用

    jQuery(document).ready(function() {

    // add a click listener to each <a> tags
    setBindings();

    // burger nav
    jQuery(".burger-nav").on("click", function() {
        jQuery(".header-nav").toggleClass("open");  
    });

});

/* ONE PAGE NAVIGATION FUNCTION */
  function setBindings() {
    jQuery('a[href^="#"]').on('click', function(e) {
      e.preventDefault();

      // Get the href attribute, which includes '#' already
      var sectionID = $(this).attr('href') + "-View";

      jQuery("html, body").animate({
        // Find target element
        scrollTop: jQuery(sectionID).offset().top
      }, 1000)
    });
  }

jQuery（文档）.ready（函数（）{
//向每个标记添加一个单击侦听器
挫折（）；
//汉堡导航
jQuery（“.burger nav”）。在（“单击”，函数（）{
jQuery（“.header nav”）.toggleClass（“打开”）；
});
});
/*单页导航功能*/
函数setBindings（）{
jQuery（'a[href^=“#”]”）。关于（'click'，函数（e）{
e、 预防默认值（）；
//获取href属性，该属性已包含“#”
var sectionID=$（this.attr（'href'）+“-View”；
jQuery（“html，body”）.animate({
//查找目标元素
scrollTop:jQuery（sectionID）.offset（）.top
}, 1000)
});
}

根据我的评论，代码中有几个语法错误，函数调用没有正确关闭：

• 函数（e）

  有一个额外的尾随

  ）

• 您没有正确关闭jQuery

  .on（）

  方法。您使用了

  }

  而不是

  }

当您检查浏览器控制台时，这些错误应该非常明显，这就是为什么您必须在问题中创建一个最小的、具体的和可验证的示例的原因，因为通过使用代码修复语法错误，您已经解决了一半的问题

除此之外，

e.currentTarget.id

并不引用目标元素的id

e.currentTarget

只是指，它仍然是

关于
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子。不作为侵权人或侵权人的同等效力，我认为这是明智之举。亨德雷特直径。在智者元素中，我是唯一的
普卢斯的埃吉斯塔斯·维塔伊。不要把它放在任何地方。这是一种很好的饮食习惯。前庭门和前庭前庭。这是我的错。类aptent taciti socialsqu
每一个科努比亚诺斯特拉，每一个希梅纳奥斯。无门的埃尼安，无门的tincidunt，前庭。这是一个很好的例子

两人一组，一组，一组，一组，一组，一组。乌尔特里斯普鲁斯之王。这是一个很好的例子，拍卖人奎斯·普鲁斯和菲尼布斯·康格·马萨。非暂时性同侧三叉神经。维瓦莫斯·埃吉特·利奥·迪格尼西姆，埃吉西图尔·乌纳·迪格尼西姆
梅特斯。塞德权杖雕舌，欧盟温文尔雅。智慧的源泉，生命的源泉，内在的元素。紫背天牛。这是一个拍卖商。同侧前庭
第一个是在福西布斯或卢克图斯和乌尔特里斯的库里亚库里亚；Aenean Placelat massa nisl，semper varius neque Vehiclula a。肘关节或肘关节前前庭。

接触
这是一种有效的方法。两个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后。这是一种不安全的饮食习惯。Sed非同侧生命体征。在sed interdum mauris。达皮布斯乌鸦
在purus ut，温度元素。帕特·维利特是一位显贵。这是我最喜欢的，是我最喜欢的，是我最喜欢的。权贵，权杖，权杖，权杖，权杖。纳姆·达皮布斯·厄洛斯在里苏斯·廷西蒙特·拉奥里特。多尼克
设施安装在设备间。整数封建主义者的知识是奥迪奥·埃利芬德，埃吉特·埃利芬德·萨皮恩·达皮布斯。这是我生命中最美好的时光。毛里斯·ac·菲利斯·弗林利亚，尤伊斯莫·泰勒斯·塞德，名言。在怀孕的时候多洛

拉奥里特设施酒店。侵权行为中止，无过错，封建格言。同侧背角、同侧背角、同侧背角。这是一种很好的调味品和调味品。
这是一个非常好的例子，但它是一个非常好的例子。莫里斯·坦普尔效率。产于蒙特斯的天然对虾和马格纳斯虎鲸（Orci varius natoque penatibus et magnis），以及印度虎鲸（nascetur ridiculus mus）。莫比·努拉·莱克托斯，非独白格言
ac，tincidunt nec eros。拉齐尼亚·法雷特拉的奎斯克·波苏尔·泰卢斯。佩伦茨克的不平等，最终的不平等，同样的不平等，一个不公平的侵权者。时间上的整数维他，拍卖人莫里斯

使用正确的id，如：

<a href="#contact-View">Contact</a>
for 
<div id="contact-View" class="contact-us-section"> #content </div
AND
<a href="#about-View">About</a>

<div  id="about-View" class="bg-1-wrapper"> #content </div>

关于
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子。不作为侵权人或侵权人的同等效力，我认为这是明智之举。亨德雷特直径。在智者元素中，我是唯一的
普卢斯的埃吉斯塔斯·维塔伊。不要把它放在任何地方。这是一种很好的饮食习惯。前庭门和前庭

塞德权杖雕舌，欧盟温文尔雅。智慧的源泉，生命的源泉，内在的元素。紫背天牛。这是一个拍卖商。同侧前庭

接触
这是一种有效的方法。两个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后，一个月后。这是一种不安全的饮食习惯。Sed非同侧生命体征。在sed interdum mauris。达皮布斯乌鸦
在purus ut，温度元素。帕特·维利特是一位显贵。这是我最喜欢的，我最喜欢的

软垫和脓包。Nunc
    jQuery(document).ready(function() {

    // add a click listener to each <a> tags
    setBindings();

    // burger nav
    jQuery(".burger-nav").on("click", function() {
        jQuery(".header-nav").toggleClass("open");  
    });

});

/* ONE PAGE NAVIGATION FUNCTION */
  function setBindings() {
    jQuery('a[href^="#"]').on('click', function(e) {
      e.preventDefault();

      // Get the href attribute, which includes '#' already
      var sectionID = $(this).attr('href') + "-View";

      jQuery("html, body").animate({
        // Find target element
        scrollTop: jQuery(sectionID).offset().top
      }, 1000)
    });
  }

var sectionID = $(this).attr('href') + "-View";

<a href="#contact-View">Contact</a>
for 
<div id="contact-View" class="contact-us-section"> #content </div
AND
<a href="#about-View">About</a>

<div  id="about-View" class="bg-1-wrapper"> #content </div>

$(document).ready(function() {

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

    var sectionID = $(this).attr('href') + "-View";

    jQuery("html, body").animate({
      scrollTop: jQuery(sectionID).offset().top
    }, 1000)
  });
});