Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动jquery滚动到导航_Javascript_Jquery_Scrollto - Fatal编程技术网

Javascript 自动jquery滚动到导航

Javascript 自动jquery滚动到导航,javascript,jquery,scrollto,Javascript,Jquery,Scrollto,我想使用自动滚动相对导航链接。下面的代码就是我得到的错误:uncaughterror:Syntax error,无法识别的表达式:#/article/,这显然是由斜杠引起的(斜杠是ajax插件所需的名称空间),当我删除它们时,错误会消失,但仍然不起作用:http://jsbin.com/ifutav/3/edit,但e.preventDefault()会起作用。显然,这里发生了两个错误: jQuery不喜欢href值 scrollTo工作不正常 HTML:链接 我不知道这两个方面背后的原因,但我

我想使用自动滚动相对导航链接。下面的代码就是我得到的错误:
uncaughterror:Syntax error,无法识别的表达式:#/article/
,这显然是由斜杠引起的(斜杠是ajax插件所需的名称空间),当我删除它们时,错误会消失,但仍然不起作用:http://jsbin.com/ifutav/3/edit,但
e.preventDefault()
会起作用。显然,这里发生了两个错误:

  • jQuery不喜欢
    href
  • scrollTo工作不正常
  • HTML:链接 我不知道这两个方面背后的原因,但我假设它们是某种类型的错误?idk

    提前感谢。

    两件事:1)删除href和id中的前斜杠。2) 如果您正在使用,那么方法ScrollTo需要大写字母S:
    元素。ScrollTo()


    请参阅工作示例:

    谢谢,但正如我所提到的,我仍然需要ajax框架的斜杠,是否可以删除它们然后硬编码?我只是尝试将斜杠放回我的JSFIDLE中,效果很好。。。所以也许你唯一的问题就是小写的ScrollTo。如果您遇到其他javascript错误,请发布它。
    <nav id="nav">
      <ul>
        <li><a href="#/item-1/">Item 1</a></li>
        <li><a href="#/item-2/">Item 2</a></li>
        <li><a href="#/item-3/">Item 3</a></li>
        <li><a href="#/item-4/">Item 4</a></li>
      </ul>
    </nav>
    
    <section id="/item-1/"></section>
    <section id="/item-2/"></section>
    <section id="/item-3/"></section>
    <section id="/item-4/"></section>
    
    $('nav ul li a[href^="#"]').each(function() {
    
      // store values so it doesn't have to execute onclick
      var $this = $(this),
          value = $this.attr('href'),
          element = $(value);
    
      $this.click(function(e) {
    
        // prevent default scrolling
        e.preventDefault();
    
        // scrollTo element
        element.scrollTo();
      });
    });