jquery

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>