Быстрая прокрутка от всплывающего окна, вызываемого при наведении, не скрывает всплывающее окно - PullRequest
Новая
       40

Быстрая прокрутка от всплывающего окна, вызываемого при наведении, не скрывает всплывающее окно

3 голосов
/ 06 марта 2020

Я использую всплывающие подсказки, вызываемые при наведении, для определенных выделенных строк в таблице, и когда вы относительно быстро прокручиваете элемент от элемента с помощью колеса прокрутки мыши, поповер продолжает показываться в течение дополнительной секунды, даже если вы больше не наводите курсор на элемент. целевой элемент Это создает странный эффект, когда поповер прокручивается от направления прокрутки к нему, выходя за границы таблицы.

Вот пример кода: 

 $('.popover_class').popover({
   trigger: 'hover',
   placement: 'right'
 })
<tr class="bg-warning popover_class" data-toggle="popover" data-content="example"></tr>

Я пробовал множество решений, в том числе скрытие всплывающего окна при событии прокрутки после его инициализации с помощью кода выше: 

$('.popover_class').on('scroll', function() {
      this.popover('hide');
});

Использование bootstrap 4, popper. js 1.15, jquery 3.4, DataTables.

Спасибо

1 Ответ

2 голосов
/ 06 марта 2020

Установите для вашей анимации всплывающего окна значение false (по умолчанию это значение true), что приведет к прекращению применения CSS постепенного перехода к поповеру. 

 $('.popover_class').popover({
   trigger: 'hover',
   placement: 'right',
   animation: false
 });

Включение скрытия всплывающих окон при прокрутке мыши, как вы пытались не будет работать, потому что один и тот же анимационный эффект будет срабатывать точно так же.

...