유형 오류: p.easing[this.easing]이(가) 함수가 아닙니다.

유형 오류: p.easing[this.easing]이(가) 함수가 아닙니다.

jQuery를 사용하여 div 요소를 표시하려고 할 때 다음 오류가 발생했습니다.

[23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2

관련 기능은 다음과 같습니다.

function showWithAnimation(){                  
  console.log('animation called');
  $('#popup').show();
  $("#popup").css({"top": "30%", "left": "30%"})
             .animate({top:(($(window).height()/2)-($('#popup')
             .outerHeight()/2))-70}, 1000, 'easeOutBounce')
             .show();
}

이 기능은 바운스 애니메이션으로 div를 보여주는 역할을 하지만 div는 바운스 효과 없이 표시됩니다.

편집:

다음과 같은 CDN의 jQuery 및 jQueryUI 라이브러리를 포함합니다(순서대로).

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>
</script>

확장 완화 옵션을 사용하려면 jQuery UI를 포함해야 합니다.

다운로드에 완화만 포함하거나, 적어도 기본 라이브러리와 완화만 포함하는 옵션이 있을 수 있다고 생각합니다.

정의 빌드)를 는 사자예 jQuery UI 드빌를(예: 타워)다의사경는위에 있는 합니다...\jquery-ui\ui\effect.js.

이것도 포함해서 저한테는 효과가 있었어요.

아래에 언급된 라인을 섹션에 포함시켜 주세요.

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'>

Jquery easing 플러그인은 버전 1.2부터 효과 함수 이름을 변경했습니다.만약 당신이 완화에 의존하는 자바스크립트가 있고 그것이 올바른 효과 이름을 부르지 않는다면 그것은 이 오류를 던질 것입니다.

오늘 div에서 슬라이드 효과를 시작하는 동안 이 오류가 발생했습니다.위의 '나는 게으른 게 싫어'의 답변 덕분에(제가 투표한) 맞춤형 jQuery UI 스크립트를 찾았고, 실제로 jQueryui 웹사이트 http://jqueryui.com/download/ 에서 직접 파일을 빌드할 수 있습니다.원하는 효과를 표시한 다음 다운로드하기만 하면 됩니다.

저는 슬라이드 효과를 찾고 있었습니다.그래서 저는 먼저 모든 확인란의 선택을 취소한 다음 '슬라이드 효과' 확인란을 클릭하면 페이지가 자동으로 슬라이드 효과가 작동하는 데 필요한 다른 구성 요소를 확인합니다.아주 간단합니다.

easyOutBounce는 완화 효과로, 'Effects Core' 확인란을 선택해야 합니다.

부트스트랩을 사용하는 경우 jQuery 스크립트 태그 아래에 포함된 부트스트랩의 jQuery가 jQuery 스크립트 태그를 다른 버전으로 덮어쓸 수도 있습니다.jQuery의 자체 CDN을 포함하고 Bootstrap에서 제공하는 jQuery 스크립트 태그를 삭제하는 것이 저에게 유일하게 효과가 있었습니다.

가져오기jquery.easing나를 .cdn은 나를 위해 일했습니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

이 웹 페이지 하단에 추가할 수 있습니다.

이 오류를 겪고 있는 모든 사용자를 위해 버전을 업데이트하고 효과 핵심이 있는지 확인한 후 머리를 긁적입니다.설명서에서 애니메이션() 및 기타 구문을 확인합니다.

제가 한 것은 "선형" 대신 "선형"이라고 쓴 것뿐이고 [이것.완화]는 함수가 아닙니다.

$("#main").animate({scrollLeft: '187px', 'slow', 'Linear'); //bad

$("#main").animate({scrollLeft: '187px', 'slow', 'linear'); //good

문제를 발견했습니다.CDN을 사용하지 마십시오(문제가 발생하고 있습니다!). 대신 jquery 파일을 서버에 로컬로 저장하면 문제가 해결됩니다.

부트스트랩 4 이상에 최신 버전을 사용하면 UI에 영향을 주지 않습니다.

저는 매우 이상한 것을 발견했지만, 알아야 할 중요한 것은 다음과 같습니다.jQueryui(1.12.1)를 설치하면 다음과 같은 많은 완화 기능이 작동합니다.

jQuery('#my-elm').animate({marginLeft:500},1000,'linear');
jQuery('#my-elm').animate({marginLeft:500},1000,'easeOutBounce');

작동하지만 기본값:

jQuery('#my-elm').animate({marginLeft:500},1000,'swipe');

매우 많은 오류를 생성

저의 경우는 js 코드의 오류였습니다.제가 그것을 고친 후에 오류는 사라졌습니다.그 오류는 이런 것이었습니다.

$("#id").removeClass("class-1","class-2","class-3");

이것은 한 번에 여러 클래스를 제거하는 방법이 아닙니다.

언급URL : https://stackoverflow.com/questions/12592279/typeerror-p-easingthis-easing-is-not-a-function