ruby-on-rails - rails bootstrap popover点击不起作用

Question

我正在尝试使用twitter bootstrap example中的弹出框，所以当你点击一个按钮时它会出现，当你点击它时它会消失。

我在 application.js

//= require bootstrap-tooltip.js
//= require bootstrap-popover.js
$(function () {
$('.popover-test').popover();

});

在我看来 _fof.html.erb

<button class="popover-test" id="button1" data-content="Popover Content">
    <%= 'ciao' %>
</button>

但是popover只有在鼠标悬停时才会出现，当我继续前进时它就会消失。我必须在js中实现函数on_click吗？

Answer 1

默认情况下，弹出框由鼠标悬停触发，而不是通过单击触发。如果您在链接到的 Bootstrap 文档网页上向下滚动，您将看到一个选项列表，包括如何设置触发器。

Name: trigger
Type: string
Default: 'click'
Description: how popover is triggered - click | hover | focus | manual

所以调用它会是这样的：

$('.popover-test').popover({target: "click"});