0

Rails 3.2アプリ（bootstrap-sass gem）でBootstrapのポップオーバー効果を使用しようとしています。Bootstrapのすべてのスクリプトをapplication.jsに含め、必要な要素に適用されたポップオーバーコードを追加しました。

assets/javascripts/application.js:
//= require bootstrap
$('#elem').popover('show')

私の見解では、私はこのテストコードを持っています：

<a id="elem" href="#" class="btn btn-danger" rel="popover" data-trigger='hover' data-title="Example Popover" data-content="Readymade">hover for popover</a>

このページをブラウザで表示すると、Firebugにエラーは表示されず、すべてのツールチップ/ポップオーバースクリプトが含まれています。この要素でポップオーバーが発生しないのはなぜですか？

4

1 に答える 1

3

私は同じ問題に出くわし、それに取り組むのにかなりの時間を費やしました。私のために働いたもの：

assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

assets/javascript/your_controller.js.coffee

$ ->
  $('#elem').popover('show')

ビュー/your_controller/your_view.html.haml

=link_to "hover for popover", "#", id: :elem, rel: :popover, data:{title: "Example Popover", content: "Readymade", trigger: "hover"}

あなたの場合、十分な変更は

assets/javascript/your_controller.js

$(document).ready(function() {
  $('#elem').popover();
});
于 2013-05-14T03:25:40.443 に答える