1

私はこれが十分に簡単だと思ったが、何かが間違っている. 私が使用している唯一の Bootstrap gem は、シンプルなフォーム oneです。

私は次のhtmlを持っています:

アプリ/ビュー/ユーザー/new.html.erb

<div id="hint">hint</div>

そして、javascriptのapplication.jsファイルには次のものがあります。

//= require jquery
//= require jquery_ujs
//= require bootstrap.min.js
//= require_self
//= require_tree .
//= require_tree ../../../vendor/assets/javascripts/.

$("#hint").popover({
    title: 'A title!',
    content: 'Some content!'
})

Twitter Bootstrap Tooltip Instructionsには、次のように記載されています。

$('#example').tooltip(options)

しかし、私は何も得ていません。これをどのように使用しますか？

答え

私はそれを機能させるためにこれをしなければなりませんでした:

<div id="hint">
  <a href="#" rel="tooltip" title="some content">hint</a>
</div>

jQuery( function($) {
    $("#hint a").tooltip()
});
4

1 に答える 1

6

私はかつて同じ問題を抱えていました$(example).tooltip().jsファイルの一番下から一番上にステートメントを移動すると、それが機能し始めました. ツールチップが機能しない原因となったファイル内の JavaScript については、私にはわかりませんでした。

ところで、私は混乱しています。ツールチップまたはポップオーバーを実行していますか? ツールチップの場合は、次のようなリンク要素が必要です

<div id="hint"><a href="#" rel="tooltip" title="some content">hint</a></div>

あなたのHTMLで、次に

$("#hint a").tooltip()

あなたのJavaScriptで。

于 2012-05-06T00:49:00.190 に答える