私は、Rails 3.2.17アプリケーションにBootstrap 3を統合したシンプルなWebアプリケーションを作成しました。これ手順はstackoverflowで見つかったので、gemを使用せずに、関連するアプリディレクトリにブートストラップファイルを手動でコピーします。
たとえ私が持っていたとしても、私のgemファイルには次のものが含まれています:
gem 'jquery-rails'
Chrome で Web ページを検査すると、次のエラーがまだ表示されます:
Uncaught ReferenceError: jQuery is not defined
私のページは、パブリック ディレクトリにある「通常の」HTML ページです。すべてのアセットを「継承」していない可能性があります。コードは次のようになります。
<!DOCTYPE html> <html> <ヘッド> <title>Bootsrap テスト 01</title> <link rel="スタイルシート" href="/css/bootstrap.css"> <script src="/js/bootstrap.min.js" type="text/javascript"></script> </head> ...
まだ試していませんが、JavaScript ベースの機能は動作しないと思います。
ベストアンサー1
を追加した後gem 'jquery-rails'
、コマンドを実行したと仮定しますbundle install
。
以下のことを確認してくださいapp/assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
//= require bootstrap.min // Add it after jquery and jquery_ujs
編集
をインクルードする前に、jQuery を明示的にインクルードする必要があります/bootstrap.min.js
。例:
<!DOCTYPE html>
<html>
<head>
<title>Bootsrap Test 01</title>
<link rel="stylesheet" href="/css/bootstrap.css">
<script src="/assets/jquery.js" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
</head>