Как исправить баг в jquery коде в вордпрес?

Question

[moneymakerXA]

Сайт duves.com.ua

Глючит скрипт появления мини-корзины в шапке справа, при наведении на значок корзинки, скрипт следующий:

jQuery('#quick_cart').hover(function(){
jQuery('#side-cart').slideDown('200');
},
function(){
jQuery('#side-cart').slideUp('200');
});

При наведении на иконку, иногда мини-корзина появляется, потом скрывается и также сначала, и так по 3-5 раз подряд. Особенно часто это проявляется если навести на иконку корзину, а потом сразу же отвести на номер телефона рядом.
Нужно эти глюки поправить, можно поменять сам скрипт, или стили, или верстку, но так чтобы все осталось на своих местах и анимация появления мини-корзины должна остаться такой же (сверху вниз).

Answer 1

[iBird Rose]

замени .hover на .mouseover, а лучше даже на .mouseenter

Comments

[moneymakerXA]

Изменил, корзина перестала вываливаться вообще

[iBird Rose]

moneymakerXA: я вашу корзину вообще не вижу в DOM.

[moneymakerXA]

iBird Rose: То есть? Если я правильно понял, тогда ее искать надо в футере, она там

[iBird Rose]

moneymakerXA: у вас #side-cart находится за экраном из-за right: 0; а вы в скрипте пытаетесь ее вызвать с помощью slideDown('200')?

[moneymakerXA]

iBird Rose: Как правильно все сделать, чтобы заработала меню

[iBird Rose]

moneymakerXA:

jQuery('#quick_cart').mouseover(function () {
                jQuery('#side-cart').css('right', 335);
            });
            
jQuery('#quick_cart').mouseout(function () {
                jQuery('#side-cart').css('right', 0);
            });

[moneymakerXA]

iBird Rose: поставил вот так, все равно не работает

jQuery('#quick_cart').mouseover(function () {
jQuery('#side-cart').css('right', 0);
},
function () {
jQuery('#side-cart').('right', 0);
});

[iBird Rose]

moneymakerXA: кароче вот. появляется при ховере и исчезает при клике на документ https://jsfiddle.net/gb2v4ffo/

Answer 2

[Сергей]

советую добавить hoverintent плагин (не обязательно)
cherne.net/brian/resources/jquery.hoverIntent.html

перед слайдами писать stop()
jQuery('#side-cart').stop().slideUp('200');

для очистки очереди анимации