2009-09-02 4 views
3

hoverIntent 플러그인을 사용하여 진행 막대의 일부 애니메이션 효과를 지연 시키려고합니다. 그러나 어떤 이유로 hoverIntent는 전혀 작동하지 않는 것 같습니다. jQuery hoverIntent plugin의 cfg.hover 오류

내가 가지고있는 (모든 경로가 확인 된) 내 페이지 헤더에 다음과 같은 : 나는 관련 위에 마우스를 올려 때

$(".cause-block").hoverIntent(function() { 
    var originalWidth = $(this).find(".cause-chart-achieved").css("width"); 
    var chartParams = { width: originalWidth }; 
    $(this).find(".cause-chart-achieved").css("width", "0"); 
    $(this).find(".cause-chart-achieved").animate(chartParams, "slow", "easeInOutSine"); 
}); 

을하지만 : sitewide.js에서

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="campaign-resources/_js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="campaign-resources/_js/jquery.hoverintent.js"></script> 
<script type="text/javascript" src="campaign-resources/_js/sitewide.js"></script> 

내가 다음 실행 div에서 브라우저에서 아무 것도 일어나지 않고 콘솔에 다음과 같은 오류가 표시됩니다.

"cfg.over is undefined"및 "cfg.out is undefined"

jQuery의 내장 "호버 (hover)"를 사용하여 테스트 해봤는데 정상적으로 작동합니다. 또한 easing 플러그인과의 충돌일지도 모른다고 생각했지만 HTML 및 JS 파일에서 easing 플러그인에 대한 참조를 제거한 후에도 여전히 동일한 문제가 있습니다. 마지막으로, 안전을 위해 다른 모든 사용자 지정 JS를 제거했지만 문제는 계속됩니다.

아이디어가 있으십니까? 감사!

답변

4

hoverIntent 2 parammeters 소요 는 두 번째 매개 변수를 지적

$(".cause-block").hoverIntent(function() { 
    var originalWidth = $(this).find(".cause-chart-achieved").css("width"); 
    var chartParams = { width: originalWidth }; 
    $(this).find(".cause-chart-achieved").css("width", "0"); 
    $(this).find(".cause-chart-achieved").animate(chartParams, "slow", "easeInOutSine"); 
}, 
function(){}); 
+0

감사는 않습니다. 모든 게 잘되고있어! –

관련 문제