# Dropdown menu does not work

**URL:** <https://www.ruby-forum.com/t/dropdown-menu-does-not-work/231213>\
**Category:** Rails\
**Created:** [July 27, 2014, 6:51pm UTC](https://www.ruby-forum.com/t/dropdown-menu-does-not-work/231213 "2014-07-27T18:51:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![addis\_a](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/a/c4cdca/32.png) [@addis\_a](https://www.ruby-forum.com/u/addis_a)\
**Post date:** [July 27, 2014, 6:51pm UTC](https://www.ruby-forum.com/t/dropdown-menu-does-not-work/231213/1 "2014-07-27T18:51:33Z")

</div>

I am using Ruby 1.9.3 and Rails 3.2.16.

My bootstrape dropdown menu not working. I have no idea why?

> > Gemfile contain:

ruby “1.9.3”  
gem ‘rails’, ‘3.2.16’  
gem ‘bootstrap-sass’, ‘2.1’  
gem “watu\_table\_builder”, :require =\> “table\_builder”, :git =\>  
“git://github.com/watu/table\_builder.git”  
gem ‘bcrypt-ruby’, ‘3.0.1’

group :development, :test do  
gem ‘sqlite3’, ‘1.3.5’  
end

group :assets do  
gem ‘sass-rails’, ‘3.2.5’  
gem ‘coffee-rails’, ‘3.2.2’  
gem ‘uglifier’, ‘1.2.3’  
gem ‘jquery-ui-rails’  
end

gem ‘jquery-rails’  
gem ‘jquery\_datepicker’, ‘~\> 0.4’

group :production do  
gem ‘pg’, ‘0.12.2’  
end

> > Code of application.js:

//= require jquery-ui  
//= require jquery\_ujs  
//= require bootstrap-dropdown  
//= require bootstrap  
//= require jquery  
//= require\_tree .

I have taken reference of  
[this][ruby on rails - twitter bootstrap drop down suddenly not working - Stack Overflow](http://stackoverflow.com/questions/10218587/twitter-bootstrap-drop-down-suddenly-not-working)  
link. But this problem does not solve.

Could you help me on this?

Kind regards.

---

<div class="post-metadata">

**Author:** ![jaimin26783](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/d78d45/32.png) [@jaimin26783](https://www.ruby-forum.com/u/jaimin26783)\
**Post date:** [July 28, 2014, 2:50am UTC](https://www.ruby-forum.com/t/dropdown-menu-does-not-work/231213/2 "2014-07-28T02:50:50Z")

</div>

Does the javascript console ( F12 ) show any errors ?

---

<div class="post-metadata">

**Author:** ![jaimin26783](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/d78d45/32.png) [@jaimin26783](https://www.ruby-forum.com/u/jaimin26783)\
**Post date:** [July 28, 2014, 2:02pm UTC](https://www.ruby-forum.com/t/dropdown-menu-does-not-work/231213/3 "2014-07-28T14:02:34Z")

</div>

I have solved this issue.

I add following code in users.js.coffee:

jQuery -\>  
$(’.dropdown-toggle’).dropdown()

---

<div class="post-metadata">

**Author:** ![jaimin26783](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/d78d45/32.png) [@jaimin26783](https://www.ruby-forum.com/u/jaimin26783)\
**Post date:** [July 28, 2014, 8:44am UTC](https://www.ruby-forum.com/t/dropdown-menu-does-not-work/231213/4 "2014-07-28T08:44:10Z")

</div>

Sampath Weerasinghe wrote in post #1153678:

> Does the javascript console ( F12 ) show any errors ?

When I used code in application.js as per javascript load order like as

follow:

//= require jquery  
//= require jquery\_ujs  
//= require jquery-ui  
//= require bootstrap  
//= require\_tree .

I got error in javascript console like:

" Uncaught Error: jquery-ujs has already been loaded! ".