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

$('#example').popover({
  html: true,
  trigger: 'hover',
  container: '#example',
  placement: 'bottom',
  content: function () {
      return 'here is some content';
  }
});

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

1) опция задержки должна сделать это. добавлениеdelay: {hide: 500} вызов popover оставляет всплывающее окно открытым после того, как мышь уходит, но повторный ввод элемента триггера или всплывающего окна до его исчезновения не говорит начальной загрузке о том, что поповер должен оставаться открытым, поэтому он исчезает в конце начального времени ожидания.

2) расширить стрелкусодержит элемент, так что мышь, переходящая от триггерного элемента к фону между триггерным элементом и popover к popover, работает (тогда мышь никогда бы не покинула триггер / элемент). Следующие работы, кроме стрелки, нарисованы с перекрывающимися границами CSS, поэтому фон не является прозрачным:http://jsfiddle.net/HAZS8/

.popover.bottom .arrow {
    left: 0%;
    padding-left:50%;
    padding-right:50%;
}

Обходной путь - жестко связать события mouseover и mouseleave с jquery или заменить стрелку с перекрывающимися границами изображением. Лучше исправления?