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()
会起作用。显然,这里发生了两个错误:
href
值元素。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();
});
});