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>

但弹出框仅在鼠标悬停时出现，当我继续移动时它会消失。 是不是要在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"});