jQuery 슬라이드 업 완화 기능으로 완화

방금 읽은이 question and answer from StackExchange이지만 솔루션이 제대로 작동하지 않습니다.jQuery 슬라이드 업 완화 기능으로 완화

$("#top_slide").slideUp(5000, "easeInOutQuart");

을하지만이 작업을 수행합니다 :

이 작동하지 않습니다

$("#top_container").animate({height: headerHeight}, 5000, "easeInOutQuart");

그리고 jQuery를-1.10.2.js, 가장 최근의 하나를 사용하고 있습니다.

의견이 있으십니까?

는이 같은 여유 플러그인을 추가, 그리고 그것은 jsfiddle 작동합니다

<script src="js/jquery-1.10.2.js"></script> 
<script src="js/jquery.easing.1.3.js"></script> 
<script src="js/jquery.easing.compatibility.js"></script> 
<script src="js/jquery.easing.min.js"></script>

그리고 스크립트 코드는 다음과 같다 :

$("#top_slide").slideUp({ duration: 5000, easing: "easeInOutQuart" });

그리고 이 오류가 계속 발생합니다.

Uncaught TypeError: Object #<Object> has no method 'easeInOutQuart' 
rr.run jquery.js:9216 
l jquery.js:8914 
x.fx.timer jquery.js:9511 
er jquery.js:8981 
a jquery.js:9305 
x.extend.dequeue jquery.js:3948 
(anonymous function) jquery.js:3991 
x.extend.each jquery.js:657 
x.fn.x.each jquery.js:266 
x.fn.extend.queue jquery.js:3984 
x.fn.extend.animate jquery.js:9316 
x.fn.(anonymous function) jquery.js:9442 
(anonymous function) playingWithjQuery.php:38 
c jquery.js:3048 
p.fireWith jquery.js:3160 
x.extend.ready jquery.js:433 
q

미리 감사드립니다! //

나는 여기 내 html로하고 여기에, 단 하나의 사업부로 변경 한 error page : 또한

<!DOCTYPE html> 
<head> 

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

    <script src="js/jquery-1.10.2.js"></script> 
    <script src="js/jquery.easing.1.3.js"></script> 
    <script src="js/jquery.easing.compatibility.js"></script> 
    <script src="js/jquery.easing.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

</head> 

<body> 
    <script> 
     $(function() { 
      $("div").slideUp(5000, "easeInOutQuart"); 

     }); 


    </script> 

    <div style="height: 300px; width: 300px; background: green;"></div> 
</body>

내가 로컬 호스트 서버를 사용하는 대신에 실제로 존재하고 온라인으로 로컬 서버에 소스 파일이 있어도 플러그인에 영향을 미칩니 까?

출처

2013-11-01 Livvy Jeffs

작동하는 것을 사용하십시오. 여기서 문제는 무엇입니까? – karthikr

선택자 일 수 있습니까? 그것들은 당신이 그것을 사용하고있는 두 가지 다른 요소입니다. 또한 jQuery 용 easing 라이브러리를로드하고 있다는 것을 구체적으로 언급하지 않았습니다. 그렇지 않으면 예상 한 결과를 얻지 못할 것입니다. 마지막으로, * easing *이 작동하지 않습니까? 예를 들어, 첫 번째 코드 세그먼트에서 * 전혀 * 슬라이드 *하지만 쉽지는 않습니까? –

첫 번째로 이징을 추가하면 더 이상 움직이지 않습니다. 두 번째 것은 여유를 추가하여 손상되지 않습니다. 플러그인이 없기 때문에 두 번째 플러그인은 실제로 느긋하게 작동하지 않고 정상적으로 작동하는 것일 수 있습니다.월요일에 코드를 확인하여 사무실에있을 때 어떤 코드가 작동하는지 확인하십시오! 고맙습니다! –

jQuery 슬라이드 업 완화 기능으로 완화

답변

관련 문제