Bootply

Question

我想在悬停时显示引导弹出窗口。在popover内容中，我有列表操作项。当我挑选我用来展示popver的元素时它会消失。我希望它能显示出来，直到我在弹出窗口。

它可以吗？

<a href="#" class="btn   btn-info" data-toggle="popover" data-content="hello" data-title="Welcome" data-placement="left"><i class="fa fa-anchor"></i> Goto</a>

Js是

$('[data-toggle=popover]').popover({
      plcement:"left",
      title:"Heloo",
      content:"Welcome"
    });

在我离开popover内容之前，如何让popover保持存在？

Answer 1

设置弹出窗口的触发器，然后在弹出窗口中使用一个模板，当鼠标移出时将自行隐藏...

$("[data-toggle=popover]").popover({
    trigger: 'manual',
    animate: false,
    html: true,
    placement: 'left',
    template: '<div class="popover" onmouseover="$(this).mouseleave(function() {$(this).hide(); });"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'

}).click(function(e) {
    e.preventDefault() ;
}).mouseenter(function(e) {
    $(this).popover('show');
});

如何将bootstrap popover显示为可选择的下拉列表？

1 个答案:

Bootply