0

現時点では、ポップオーバーが機能していないようです。私は他の機能 (カルーセルなど) に twitter-bootstrap gem を正常に使用しており、ツールチップとポップオーバーがページのソースに読み込まれていることがわかります。

<script src="/assets/bootstrap-tooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-popover.js?body=1" type="text/javascript"></script>

これが私のjavascriptです（application.jsに配置しました）

$(function () {
    $('.popover-test').popover({ html : true });
});

これが私の見解です：

<%= link_to('Popover test', '#', :class => "popover-test", :title => "This is a test", "data-content" => "<b>hello popover world</b>") %>

どんな助けでも大歓迎です、ありがとう!

4

3 に答える 3

4

ポップオーバーを初期化していません。試す：

$(function () {
  $('.popover-test').popover({ 
    html : true
  }).popover('show');
});

注意してください.popover('show')

最終結果が次のようになるように、HTML からコンテンツ ロジックを削除することもお勧めします。

$(function () {
  $('.popover-test').popover({ 
    html : true,
    title: "This is a test",
    content: "<b>hello popover world</b>"
  }).popover('show');
});

...よりクリーン

于 2012-12-28T02:57:01.027 に答える
1

このマークアップを試してください:

<%= link_to('Popover test', '#', :class => "popover-test", :rel => "popover", :title => "This is a test", :"data-content" => "<b>hello popover world</b>") %>

:rel 値が欠落しているだけで、「data-content」はシンボルである必要があります。

于 2012-07-13T16:46:16.710 に答える
0

これでうまくいきましたか？そうでない場合、wisew が言ったことは正しいですが、彼には小さなタイプミスがあります -> "data-content" を囲む引用符を削除します。

<%= link_to('Popover test', '#', :class => "popover-test", :rel => "popover", :title => "This is a test", :data-content => "<b>hello popover world</b>") %>

それがうまくいくかどうか見てください

于 2012-07-24T10:41:06.213 に答える