2

Rails アプリケーションでブートストラップ ポップオーバーを正しく動作させるのに問題があります。他の質問に対する解決策を試しましたが、成功しませんでした。

現在私のHTMLには次のものがあります：

<i class="icon-exclamation-sign" id="info" rel="popover" data-content="some info"></i>

と

<script>  
$(function () {
  $(".icon-exclamation-sign").popover();  
});  
</script>

私のapplication.jsは次のようになります：

//= require jquery
//= require jquery_ujs
//= require bootstrap-datepicker
//= require_tree .
//= require bootstrap-tooltip
//= require bootstrap-popover

私のapplication.cssは次のようになります：

/*
*= require_tree .
*= require bootstrap-datepicker
*/

そして、次のエラーが表示されます: Uncaught TypeError: Object [object Object] has no method 'popover' when loading the page. 私は何を間違っていますか？

編集: また、application.js でツールチップとポップオーバーの代わりに require ブー​​トストラップを使用しようとしましたが、うまくいきませんでした。

4

3 に答える 3

3

コードを下に置いてみて、/app/assets/javascripts/何かが変わるかどうかを確認してください。

/javascripts/some_name.js

$(document).ready(function() {
  $(".icon-exclamation-sign").popover();
});

//= require_tree .実際、問題は最後にすべきだと思います。次のことを試してください。

//= require jquery
//= require jquery_ujs
//= require bootstrap-datepicker
//= require bootstrap-tooltip
//= require bootstrap-popover
//= require_tree .

application.css も同様

于 2013-04-03T15:20:10.080 に答える
1

ここでのアドバイスに従って、ようやく問題を解決しました。

次の行を development.rb ファイルに追加する必要がありました。

config.serve_static_assets = false
于 2013-04-08T13:59:25.620 に答える
0

コマンドを試してくださいrake assets:clean。これにより、変更を反映していないレガシー JS/CSS が削除されます。

ほとんどのブラウザーでは、ページのソースを表示して、使用しているアセット ファイルのバージョンを確認できます。変更が反映されているかどうかを確認し、反映されていない場合は、これでうまくいく可能性があります。

于 2013-04-03T15:49:25.787 に答える