0

我有这个实现,使用户能够将鼠标悬停在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类中,以便在用户尝试单击弹出框中的链接时保持打开状态?

4

1 回答 1

0

利用delay

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

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

对象结构为:延迟:{显示:500,隐藏:100}

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

于 2013-11-11T09:30:08.603 回答