- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
(function($){
var popup_show_delay = 0.5; // задержка в секундах
$('.in_basket').each(function(){
var $popup = $(this).find('.flyout');
var timeoutId = null;
var showPopup = function() {
// Показываем попап
$popup.removeClass('hidden');
};
var hidePopup = function() {
// Скрываем попап
$popup.addClass('hidden');
console.log('hide popup');
};
var $targets = $([ this, $popup.get(0) ]);
$targets.on('mouseenter', function(){
console.log('show popup');
clearTimeout(timeoutId);
showPopup();
});
$targets.on('mouseleave', function(){
clearTimeout(timeoutId);
timeoutId = setTimeout(hidePopup, popup_show_delay * 1000);
});
});
})(jQuery);
Показывать определенное время попап и если убрать мышь на пол секунды и не вернуться к нему, то попап скрывается.
slesar_kip 25.08.2021 19:34 # 0