У меня есть ориентированный на нижний слой popover, который я хотел бы быть немного более прощающим, чем по умолчанию, который исчезает, как только мышь покидает триггер.
$('#example').popover({
html: true,
trigger: 'hover',
container: '#example',
placement: 'bottom',
content: function () {
return '<div class="box">here is some content</div>';
}
});
У меня есть это, чтобы оставаться открытым, пока мышь находится над триггером или содержимым popover, но это сложно для пользователя, так как они имеют мышь от триггерного элемента до стрелки до содержимого без оставляя эти области для взаимодействия с popover. Два решения в виду не работают:
1) вариант задержки должен сделать это. добавление delay: {hide: 500}
вызов popover оставляет popover открытым после того, как мышь уходит, но повторный ввод триггерного элемента или popover перед его исчезновением не указывает загрузочному блоку, чтобы он оставался открытым, поэтому уходит в конце начального таймаута.
2) расширьте стрелку, содержащую элемент, так что мышь, идущая от элемента триггера до фона между триггерным элементом и popover to popover (мышь тогда никогда не оставила бы триггер/элемент). Следующие работы за исключением того, что стрелка рисуется с перекрывающимися границами CSS, поэтому фон не прозрачен: http://jsfiddle.net/HAZS8/
.popover.bottom .arrow {
left: 0%;
padding-left:50%;
padding-right:50%;
}
Обходной путь заключается в жесткой проводке событий mouseover и mouseleave с помощью jquery или для замены стрелки перекрывающихся границ изображением. Лучшие исправления?