jquery - 使用 Twitter bootstrap 的 popover 插件是否可以将自定义 div 设置为悬停？

Question

我有一个 div 我想成为我的'popover' 是否可以使用 twitter bootstrap 的 popover 插件来处理这个？

我在文档页面上找到了许多选项，但没有提到自定义 html http://twitter.github.io/bootstrap/javascript.html#popovers

Answer 1

content()如果 html 设置为 true，您应该能够使用该选项。

$("#myElement").popover({
  html: true,
  trigger: 'hover',
  content: function() {
    // create your element here
    return 'hello <strong>world</strong>';
  }
});

唯一的事情是，一旦您离开悬停的元素，弹出框就会消失。因此，如果您的弹出框有可以与之交互的链接或元素，您需要将 trigger = 'manual' 设置为一个选项，并自己处理何时显示和隐藏弹出框 - 尽管我确信这种类型的插件已经存在行为。

否则，当您的鼠标离开导致触发的元素时，弹出框将消失。