.top이 jquery TypeScript 정의 파일에 없습니다.

Question

나는 다음과 같은 코드를 사용하고 있습니다 :

$('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top }); 

타이프 라이터 나에게라는 오류 메시지주고있다 :

The property 'top' does not exist on value of type 'Object' 

내가 추측하고 뭔가 jQuery를 정의 파일에서 누락되었습니다. 다른 사람들이이 문제를 보았거나 jQuery에서 일반적으로 사용하지 않는 무언가입니까? 그것은 내가 전에 보지 못한 것입니다.

자세한 내용은 jquery.d.ts 파일에서

$.fn.buildTableOfContent = function() { 
     "use strict"; 
     var h2 = this.find('h2'); 
     if (h2.length > 0) { 
      var h1 = this.find('h1:first'); 
      if (h1.length === 0) { 
       h1 = this.prepend('<h1>Help</h1>').children(':first'); 
      } 
      var menu = h1.wrap('<div class="h1 with-menu"></div>') 
        .after('<div class="menu"><img src="/Content/images/menu-open-arrow.png" width="16" height="16"><ul></ul></div>') 
        .next().children('ul'); 
      h2.each(function (i) { 
       this.id = 'step' + i; 
       menu.append('<li class="icon_down"><a href="#step' + i + '">' + $(this).html() + '</a></li>'); 
      }); 
      menu.find('a').click(function (event) { 
       event.preventDefault(); 
       $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top }); 
      }); 
     } 
     return this; 
    }; 

Answer 1

(라인 374 내 버전) :

interface JQuery { 
    ... 
    offset(): Object; 
    offset(coordinates: any): JQuery; 
    offset(func: (index: any, coords: any) => any): JQuery; 
    ... 
} 

타입 정의 기대 변수없이 함수를 호출하여 여기 사용되는 코드는 Object 유형을 반환하는 함수. jQuery에 대한 설명서를 살펴본 결과 정확하다고 가정하면 반환 된 객체에는 top 및 left 속성이있을 것으로 예상됩니다.

불행히도 반환 유형에 따라 오버로드가 발생하지 않으므로 다른 멤버를 JQuery 인터페이스에 추가 할 수 없습니다. 이 특별한 경우에는, 타입 정의가 단순히 구체적이지 않기 때문에 jquery.d.ts 파일을 수정하고 반환 유형을 변경하여 다음과 같이 표시 할 것을 권장합니다. (아마도 숫자 대신 문자열을 사용하겠습니까?) :

$('html, body').animate({ scrollTop: (<any> $($(this).attr('href')).offset()).top }); 

단점은 캐스트가 될 것입니다 : 당신은 오히려이 파일을 수정하지 않을 경우

offset(): { top : number; left : number; }; 

, 당신은 또한에 어떤 속성에 액세스하기 전에 any, 예를 결과를 캐스팅하는 옵션이 있습니다 매개 변수없이 해당 함수를 호출 할 때마다 필요합니다. ? 대신

$('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top }); 

의

Answer 2

)이

$('html, body').animate({ scrollTop: $(this).offset().top });