Question

我的bootstrap popover有一些问题，特别是它只是第二次将鼠标悬停在它上面。第一次没有显示，我不明白为什么。这是我的代码：

 <div id="popover-content" class='popup' rel='popover'>hover me</div>

这是js：

$(document).ready(function()
{
    $('body').on('mouseover', '.popup', function()
    {
     console.log("sdsdsds");

     $('body').popover({
            placement: 'bottom',
            container: 'body',
            html: true,
            selector: '[rel="popover"]',
            trigger: 'hover focus',
            title:  'test',
            content: 'foo' 
     });
  });
});

jsfiddle

Answer 1

丢失$('body').on('mouseover', '.popup', function()，它会起作用。

更新了FIDDLE。

如果您想绑定mouseover，可以将其链接到popover，如下所示：

$(document).ready(function() {

  $('body').popover({
    placement: 'bottom',
    container: 'body',
    html: true,
    selector: '[rel="popover"]',
    trigger: 'hover focus',
    title: 'test',
    content: 'foo'
  }).on('mouseover', '.popup', function() {
    console.log('test')
  });

});

Bootstrap popover不会第一次出现

1 个答案: