jQuery TypeError .offset이 정의되지 않았습니다.

Question

은 여러 시간 동안이 문제를 해결하기 위해 노력해 왔으며 지금은 파악할 수 없습니다.

환경은 WordPress입니다. 한 페이지에서 다른 페이지의 위치로 링크를 선택할 때 스크롤을 부드럽게하는 부드러운 스크롤 기능을 사용하고 있습니다. 나는 점점 오전 오류가

...

형식 오류 :. $ (...) 오프셋 (...)는 정의되지

코드의 잘못된 줄은 ...

jQuery(document).ready(function($) { 

var headerHeight = $('#header-wrap').height(); //When the header position is fixed 

$('a').click(function(){ 
    var hashEle = $(this).attr('href').split('#'); 
    if (hashEle.length > 1) { 
     if (hashEle[1] == 'top') { 
      $('body, html').animate({ 
       scrollTop: 0 
      },800); 
     } else { 
     jQuery('body, html').animate({ 
      scrollTop: $('#'+ hashEle[1]).offset().top - headerHeight 
     },800); 
     } 
    }; 
}) 
// find element from url 
hashname = window.location.hash.replace('#', ''); 
elem = $('#' + hashname); 
if(hashname.length > 1) { 
    if(hashname == 'top') { 
    $('body, html').animate({ 
      scrollTop: 0 
     },500); 
    } else { 
    $('body, html').animate({ 
      scrollTop: $(elem).offset().top - headerHeight 
     },800); 
} 
}; 

}); 

내가 여기 미친려고하고

scrollTop: $(elem).offset().top - headerHeight 

내 전체 기능이되고, 코드는 잘 작동하지만 우와와의 충돌을 만드는 oCommerce와 나는 오류가 발생하지 않도록하고 싶습니다. 누군가가 왜 이것이 문제를 일으키는 지 알 수 있습니까, 신비 질문에 대해 유감스럽게 생각합니다!

Answer 1

가 나는 문제를 발견 할 수 있습니다 :

• 스크립트는 잘 작동
• 해시 잘못입니다!

귀하의 URL 문자열에 ## 위치가 있다고하셨습니다. 사용하는 경우 :

window.location.hash 

아무 것도 반환하지 않습니다. 올바른 해시는 ## 위치와 다른 #location이어야합니다.

URL에 해시를 하드 코드 한 다음 다시 시도하면 작동하는 것으로 나타납니다. 그것이 작동하지 않으면, 당신은 그 전에 어떤 스크립트가 행동을 일으킨다. (하지만 나는 단지 링크를 따라 가면 worng이 될 것이라고 생각하지 않는다.)

## 위치가 #top (또는 페이지 요소에 따라 임의의 것)