Verzögerung mit Hoverintent
-
19-09-2019 - |
Frage
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();
});
... das funktioniert, aber zwei Ausgaben:
Es scheint nicht 5 Sekunden zu warten, wie es sollte, eröffnet fast sofort, egal was ich setzte.
Betrifft alle Elemente mit dem Hovertent -Plugin auf derselben Seite.
Ich würde jede Hilfe wirklich schätzen. Vielen Dank!
Lösung
Sie übergeben das Konfigurationsobjekt nicht an Hoverintent, daher werden Standardeinstellungen verwendet:http://cherne.net/brian/resources/jquery.hoverintent.html
Um klarzustellen,
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);
Andere Tipps
Dies könnte klarer sein
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();
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow