javascript - ejemplos - tooltipster cdn

Error cfg.hover con el plugin jQuery hoverIntent

Question

Estoy intentando utilizar el complemento hoverIntent para retrasar algunos efectos de animación en las barras de progreso. Sin embargo, por alguna razón, hoverIntent no parece funcionar en absoluto.

Tengo lo siguiente en el encabezado de mi página (todas las rutas se han verificado):

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

En sitewide.js ejecuto lo siguiente:

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

Pero cuando pasé el cursor sobre la div relevante, no ocurre nada en el navegador, y la consola muestra los siguientes errores:

"cfg.over no está definido" y "cfg.out no está definido"

Probé usando el "hover" integrado de jQuery y funciona muy bien. También pensé que podría ser un conflicto con el complemento de expansión, pero después de eliminar las referencias al complemento de expansión en los archivos HTML y JS, todavía tengo el mismo problema. Finalmente, para estar seguro, eliminé todas las otras JS personalizadas, pero el problema persiste.

¿Algunas ideas? ¡Gracias!

Answer 1

hoverIntent toma 2 parámetros, lo hace

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