1

Rails プロジェクトで Twitter ブートストラップを手動で使用したいと思います。
しかし、このエラーが発生し、ブートストラップの一部の機能が機能しません。

助けていただければ幸いです。ありがとうございました。

コンソールのエラー

キャッチされていない TypeError: 未定義の bootstrap-popover.js:38
(匿名関数)
のプロパティ 'Constructor' を読み取ることができません

アプリ/ビュー/アプリ/index.html.erb

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<%= stylesheet_link_tag    "bootstrap" %>
<%= stylesheet_link_tag    "bootstrap-responsive" %>

<%= javascript_include_tag "jquery" %>
<%= javascript_include_tag "bootstrap" %>
<%= javascript_include_tag "bootstrap-transition" %>
<%= javascript_include_tag "bootstrap-alert" %>
<%= javascript_include_tag "bootstrap-modal" %>
<%= javascript_include_tag "bootstrap-dropdown" %>
<%= javascript_include_tag "bootstrap-scrollspy" %>
<%= javascript_include_tag "bootstrap-tab" %>
<%= javascript_include_tag "bootstrap-tooltip" %>
<%= javascript_include_tag "bootstrap-popover" %>
<%= javascript_include_tag "bootstrap-button" %>
<%= javascript_include_tag "bootstrap-collapse" %>
<%= javascript_include_tag "bootstrap-carousel" %>
<%= javascript_include_tag "bootstrap-typeahead" %>

<!-- as example, which doesn't work, somehow  -->
<i class="icon-search icon-home"></i>

必要なすべてのjsおよびcssファイルが含まれていると思います

  • ./app/assets/images
  • ./app/assets/javascripts
  • ./app/assets/stylesheets
4

1 に答える 1

2

Rails >3にアセット ファイル ( や画像など) を追加する場合は.js、.cssマニフェスト ファイル (application.js、application.css) を使用する必要があります。ソースをディレクトリにコピーしたら、次のように宣言する必要があります。

application.js :

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require bootstrap-responcive
//= require tree .

そしてapplication.cssで：

*= require_self
*= require bootstrap
*= require_tree .

ビューに `<%= javascript_include_tag %> を含めると無駄になります。

于 2013-01-02T12:07:25.310 に答える