2009-09-02 8 views
3

hoverIntentプラグインを使用してプログレスバーのアニメーション効果を一部遅延させようとしています。しかし、何らかの理由でhoverIntentが機能していないようです。jQuery hoverIntentプラグインでcfg.hoverエラーが発生しました

私は私のページヘッダ(すべてのパスが確認されている)で、次のしている:私は次のことを実行し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> 

$(".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"); 
}); 

しかし、私は、関連にカーソルを合わせるとdivでブラウザに何も表示されず、コンソールに次のエラーが表示されます。

"cfg.over is undefined"と "cfg.out is undefined"

jQueryの組み込みの「ホバー」を使ってテストしましたが、うまくいきます。また、イージングプラグインとの競合かもしれないと思っていましたが、HTMLおよびJSファイルのイージングプラグインへの参照を削除した後も、私は同じ問題を抱えています。最後に、安全であるように私は他のすべてのカスタムJSを削除しましたが、問題はそのまま残ります。

アイデア?ありがとう!

答えて

4

hoverIntentは 2番目のパラメータを指摘して

$(".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

感謝を行い、2 parammetersをとります。すべてが今素晴らしいです! –

関連する問題