자동 JQuery와 scrollTo 탐색 내가 <a href="http://balupton.github.com/jquery-scrollto/demo/" rel="nofollow">http://balupton.github.com/jquery-scrollto/demo/</a>가 자동으로 상대 탐색 링크를 스크롤하는 데 사용할

Question

http://jsbin.com/ifutav/2/edit

. 아래 코드는 내가 받고있는 오류입니다 : Uncaught Error: Syntax error, unrecognized expression: #/article/ 이것은 분명히 슬래시 (ajax 플러그인의 필수 네임 스페이스 임)로 인해 발생합니다. 오류를 제거했지만 여전히 작동하지 않습니다. http : // /jsbin.com/ifutav/3/edit하지만 e.preventDefault()은 않습니다. 그래서 분명히 두 가지 오류가 여기에 일어나고 : 링크

<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> 

HTML : 요소

1. jQuery를이
2. scrollTo가 제대로

HTML을 작동하지 않는 href 값을 좋아하지 않는다

<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(); 
    }); 
}); 

나는 이들 지역 중 하나 뒤에 이유를 모르지만 나는 그들이 유형의 오류의 일종입니다 가정? idk ...

감사합니다.

Answer 1

두 가지 : 1) href와 id에서 슬래시를 제거하십시오. element.ScrollTo();

작업 예를 참조하십시오 : http://jsfiddle.net/dBh3W/