Question

  <div class="pop" style="display: none">
         'Dynamic content here'
    </div>
    <a href="#" class="opinionmap" rel="popover"><i class="icon-eye-open"></i></a>

$('.opinionmap').mouseenter(function() {
  $(this).popover({title: 'Current Opinion', trigger: 'hover', html: 'true', content: $(this).siblings('.pop').html(), placement: 'top'});
});

但是popover只在第二次mouseenter事件之后才有效。我看过许多相关的问题但没有一个帮助。寻求答案!!!

Answer 1

仅使用此

$('.opinionmap').popover({
    title: 'Current Opinion', 
    trigger: 'hover', 
    html: 'true', 
    content: $('.opinionmap').siblings('.pop').html(),
    placement: 'top'
});

Answer 2

Okk ..所有人在将来都有同样的问题......这就是我如何解决它。

  $('.opinionmap').mouseenter(function() {
    $(this).popover({title: 'Current Opinion', trigger: 'hover', html: 'true', content: $(this).siblings('.pop').html(), placement: 'top'}).popover('show');
    ;
  });

Bootstrap Pop-Over无法处理第一个mouseenter事件

2 个答案: