문제
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();
});
... 이것은 효과가 있지만 두 가지 문제가 있습니다.
그것은 5 초를 기다리지 않는 것 같습니다. 내가 무엇을 설정하든 거의 즉시 열립니다.
같은 페이지의 Hoverintent 플러그인을 사용하여 모든 요소에 영향을 미칩니다.
도움을 주셔서 감사합니다. 감사!
해결책
구성 객체를 Hoverintent에게 전달하지 않으므로 기본값을 사용하고 있습니다.http://cherne.net/brian/resources/jquery.hoverintent.html
명확히하기 위해
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);
다른 팁
이것은 더 명확 할 수 있습니다
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();
});
제휴하지 않습니다 StackOverflow