##Railsでドロップダウンがうまく機能していません。
表示はされるのですが、クリックしてもドロップしない状況です。
bootstrap.jsがうまく機能していないという情報を見つけたのですが、うまく動作させる方法がわかりません。
gemの一覧
gem 'rails', '~> 5.1.0' gem 'sqlite3' gem 'puma', '~> 3.7' gem 'sass-rails', '~> 5.0' gem 'uglifier', '>= 1.3.0' gem 'coffee-rails', '~> 4.2' gem 'turbolinks', '~> 5' gem 'jbuilder', '~> 2.5' gem 'bootstrap-sass' gem 'autoprefixer-rails' gem 'devise' gem 'jquery-rails' gem 'jquery-ui-rails' gem 'toastr-rails' gem 'omniauth-facebook' gem 'actionpack-page_caching'
ドップダウンのコード
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <% if current_user.provider %> <!--認証ログインをしている時--> <%= image_tag current_user.image, class:"img-circle" %> <%= current_user.name %> <% else %> <%= current_user.email %> <% end %> <span class="caret"></span></a> <ul class="dropdown-menu"> </ul> </li>
要素の検証で調べたところ、
aria-expandedがボタンを押してもずっとfalseのままということは確認しました。
その他の関係のありそうの箇所は
application.js
//= require rails-ujs //=require jquery //=require jquery_ujs //= bootstrap-sprockets //= bootstrap.js //= require toastr //= require turbolinks //=require_tree .
application.scss
@import "bootstrap-sprockets"; @import "bootstrap"; ...
です、具体的にbootstrap.jsがうまく作動していないとして、
どこに変更を加えればいいでしょうか。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。