Ruby on Rails でBootstrapのドロップダウンをつけようとして動かなかったとき

Bootstrap

Written by:

Bootstrapを使うと自分で色々書かなくてもWebサイトで必要な基本的なパーツは全て揃います。

ただ、下記のように記述してドロップダウンメニューを表示させようとしたのですが、クリックしても肝心なメニューがおりてきませんでした。

 <li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">カテゴリー<span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu">
          <% Category.all.each do |category| %>
             <li><%= link_to category.name, books_path(category: category.name), class: "link" %></li>
           <% end %>
       </ul>
 </li>

そのためGemfileなどにJqueryを追加して見たところうまく行きました

Gemfileへ追記

gem‘jquery-rails’
app/assets/javascripts/application.js へ追記
//= require jquery
//= require bootstrap
(最終行 //= require_tree . の前へ)
追記後bundle installをして再読み込みをしたら動きました

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です