addClass 스크립트가 nav 요소에서 작동하지 않습니다.

Question

다음과 같은 스크립트를 사용하여 클릭 한 'nav'요소의 클래스를 내비게이션 막대의 '활성'클래스로 변경합니다.

http://jsfiddle.net/shockabout/ECshM/

하지만 내 dev에 사이트에서 작동하지 않습니다 :

https://dl.dropboxusercontent.com/u/102203801/HTML/index.html

내가 방지 무엇을 찾을 수 없습니다가 내 jsFiddle에 고립 때 의미가 있습니다

$('nav a').click(function(e) { 
     e.preventDefault(); 
     $('nav a').removeClass('active'); 
     $(this).addClass('active'); 
    }); 

'활성'클래스가 적용됩니다. 모든 상위 클래스를 추가해야합니까?

Answer 1

나는 그것이 beacuse 작동하지 않는 생각 여기 앵커 태그 추가 1. 필요성의 Sametime에서이 작업을 할 수있다 자체에 대한 클래스 2. ID가 앵커 태그 href에있는 div로 사용자를 이동해야합니다.

이 코드를 시도 할 수 있습니다.

클릭 기능을 바인드하여 앵커 태그를 활성화 한 다음 사용자를 스크롤 효과로 새 div로 이동합니다.

$('nav li a').click(function(e) { 
     e.preventDefault(); 
     $('nav a').removeClass('active'); 
     $(this).addClass('active'); 
     var id=$(this).attr('href'); 
     scrollToId(id); 
    }); 

    function scrollToId(id){ 
       $('html, body').animate({ 
        scrollTop: $(id).offset().top 
        }, 2000);  
    } 

Answer 2

메인 사이트의 콘솔에 코드를 붙여 넣기 만하면 완벽하게 작동합니다. 나는 당신이 로더를 가지고 있다는 페이지에 주목했다. nav 요소가 존재하기 전에 jQuery 코드가 실행되고 있지 않습니까?

페이지가로드되고 DOM이 기술적으로 준비가되어 jQuery가 click 이벤트를 바인딩하므로 콘텐츠를로드하는 다른 코드가 있으므로 해당 요소가 존재하지 않으므로 jQuery는 ' 실제로 아무것도 바인딩하지 않습니다.

그 다음이 작동해야

$("body").on("click", "nav a", function(e){ 
    e.preventDefault(); 
    $('nav a.active').removeClass('active'); 
    $(this).addClass('active'); 
}); 

에 약간 변경해보십시오 당신