Ritardo con hoverIntent
-
19-09-2019 - |
Domanda
var config = {
sensitivity: 3,
interval: 5000,
timeout: 5000,
};
$("#cart-summary").hoverIntent(function () {
$('.flycart').slideDown('fast');
}, function() {
$('.flycart').slideUp('fast');
}).find('a.close').click(function(){
$(this).parents('.flycart').hide();
});
... questo funziona, ma due problemi:
-
Non sembra aspettare 5 secondi come dovrebbe, si apre quasi istantaneamente, non importa quello che ho impostato.
-
Influisce tutti gli elementi che utilizzano il plugin hoverIntent sulla stessa pagina.
Mi piacerebbe davvero apprezzare alcun aiuto. Grazie!
Soluzione
Non stai passando l'oggetto di configurazione per hoverIntent, quindi è utilizzando le impostazioni predefinite: http://cherne.net/brian/resources/jquery.hoverIntent.html
Per chiarire,
var config = {
sensitivity: 3,
interval: 5000,
timeout: 5000
};
$("#cart-summary").hoverIntent(function () {
$('.flycart').slideDown('fast');
}, function() {
$('.flycart').slideUp('fast');
}).find('a.close').click(function () {
$(this).parents('.flycart').hide();
}, config);
Altri suggerimenti
Questo potrebbe essere più chiara
function liMouseOverTrigger() {
$(this).addClass('hover');
}
function liMouseOutTrigger() {
$(this).removeClass('hover');
}
function tabHoverDelay() {
var config = {
sensitivity: 1,
interval: 100,
timeout: 400,
over: liMouseOverTrigger,
out: liMouseOutTrigger
},
config2 = {
sensitivity: 1,
interval: 350,
timeout: 600,
over: liMouseOverTrigger,
out: liMouseOutTrigger
};
$('.js-navTabHover li').each(function () {
$(this).hoverIntent(config);
});
$('.js-navTabHoverContent li').each(function () {
$(this).hoverIntent(config2);
});
}
$(document).ready(function () {
tabHoverDelay();
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow