javascript - 让 Bootstrap 弹出窗口保持打开状态，直到光标移开？

Question

我有这个实现，使用户能够将鼠标悬停在icon-ban-circle类的元素上，然后看到一个带有链接的 Bootstrap 弹出窗口：

## some_file.html.haml

%i.icon-ban-circle{:rel => 'popover', "data-content" => "<a href="http://www.google.com">Click here</a>".html_safe}

## some_file.js

var showError;

showError = $(".icon-ban-circle").popover({
  html: true,
  trigger: 'hover'
});

但是一旦用户将光标移动到弹出框，它就会消失。如何将弹出框包含在icon-ban-circle类中，以便在用户尝试单击弹出框中的链接时保持打开状态？

Answer 1

利用delay

延迟显示和隐藏弹出框（毫秒） - 不适用于手动触发类型

如果提供了一个数字，延迟将应用于隐藏/显示

对象结构为：延迟：{显示：500，隐藏：100}

来自http://getbootstrap.com/javascript/#popovers