2009-09-02 12 views
3

J'essaye d'utiliser le plugin hoverIntent pour retarder certains effets d'animation sur les barres de progression. Cependant, pour une raison quelconque, hoverIntent ne semble pas fonctionner du tout.erreur cfg.hover avec le plugin jQuery hoverIntent

je suit dans la page de mon en-tête (tous les chemins ont été vérifiés):

<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> 

Dans sitewide.js J'exécutez ce qui suit:

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

Mais quand je passe la souris sur le correspondant div, rien ne se passe dans le navigateur, et la console affiche les erreurs suivantes:

"cfg.over est indéfini" et "cfg.out est indéfini"

J'ai testé en utilisant "hover" intégré de jQuery et ça fonctionne très bien. J'ai également pensé que cela pourrait être un conflit avec le plugin d'accélération, mais après avoir supprimé les références au plugin d'accélération dans les fichiers HTML et JS, j'ai toujours le même problème. Enfin, pour être sûr, j'ai supprimé tous les autres JS personnalisés, mais le problème persiste.

Des idées? Merci!

Répondre

4

hoverIntent prend 2 parammeters, do

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

Merci de remarquer le second paramètre. Tout fonctionne bien maintenant! –