Если не завис, то закройте или не делайте этого снова

Question

Если не завис, то закройте или не делайте этого снова

0

Привет, сотрудник stackoverflow !

У меня есть полный рабочий код ниже, но я хочу его зачаровать. Текущий код работает следующим образом: когда я нахожу.buy, мой.popover показан, и после того, как я покину.popover,.popover будет закрыт, а то, что я хочу от моего кода, - это когда.popover будет зависать и показывать сначала отключить код в функции или что-то в этом роде просто не показывает еще раз, что.popover, я знаю, что это трудно понять (возможно), но я надеюсь, что вы найдете решение.

 $(".buy").bind('mouseenter', function () {
      $('.popover').removeClass('fadeOut').addClass('animated fadeInDown show').css("display", "block");
    });
    $(".popover").bind('mouseleave', function () {
      $('.popover').removeClass('fadeInDown').addClass('animated fadeOut');
    });

Изображение /GiF https://imgflip.com/gif/8l5ry

Спасибо за ответы и комментарии

VeeeneX 05 май 2014, в 17:42

Источник

2

Когда вам нужно объяснить сложный вопрос, рекомендуется воспроизвести проблему и показать, какой вывод вы хотите использовать, используя jsfiddle.net и / или изображения.
Tiago Marinho 05 май 2014, в 15:32
0

Я попробую изображения: D
VeeeneX 05 май 2014, в 15:33
0

Какую версию jQuery вы используете?
David Thomas 05 май 2014, в 15:42
0

@DavidThomas последний v1.10.2
VeeeneX 05 май 2014, в 15:44

Показать ещё 2 комментария

Теги:

javascript

jquery

html

html5

animation

1 ответ

Ещё вопросы

Когда вам нужно объяснить сложный вопрос, рекомендуется воспроизвести проблему и показать, какой вывод вы хотите использовать, используя jsfiddle.net и / или изображения.

creimers · Answer 1 · 2014-05-05T12-51-00.000Z

Вы можете объявить переменную, которая указывает, если .popover был колебались раньше.

var showPopover = true;

$(".buy").bind('mouseenter', function () {
    if (showPopover) {
        $('.popover').removeClass('fadeOut').addClass('animated fadeInDown show').css("display", "block");
        showPopover = false;
    };

});
$(".popover").bind('mouseleave', function () {
  $('.popover').removeClass('fadeInDown').addClass('animated fadeOut');
});

Не работает :( и я попытался изменить showPopover в коде.
Попвер еще создается, пока я нахожусь на .buy.
Вот jsfiddle с минимальным рабочим примером: jsfiddle.net/3x9UT
Нет, но я над этим поработаю. Просто, когда всплывающее окно открыто, не создавайте следующее, если указатель мыши позволяет создавать, поэтому, если у вас будет свободное время, не стесняйтесь редактировать свой вопрос, и я отмечу его как правильный. Хорошего дня!
Я не уверен, что понимаю. Вы хотите закрыть .popover s вручную и убедиться, что .popover только один .popover одновременно? Может быть, вы можете попытаться быть немного более ясным.