0

Twitterのブートストラップの例のようにポップオーバーを使用しようとしているので、ボタンをクリックすると表示され、クリックすると消えます。

私は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 を実装する必要がありますか?

4

1 に答える 1

0

デフォルトでは、ポップオーバーはクリックではなくマウスオーバーによってトリガーされます。リンク先の Bootstrap ドキュメント Web ページを下にスクロールすると、トリガーの設定方法を含むオプションのリストが表示されます。

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

したがって、それを呼び出すと、次のようになります。

$('.popover-test').popover({target: "click"});
于 2012-11-28T15:56:23.400 に答える