Why is my dropdown menu with Bootstrap not working?

Question

In my Rails application, I have the following code for a dropdown menu:

  

&l         


        
      

Answer 1

I've got in the same problem with default Rails and twitter-bootstrap-rails gem installation.

Direct call of dropdown initialisation works indeed, but it looks like kind of a workaround for me. So, I continued to search for the answers and was able to find the one that looks more appropriate:

I have solved this issue. I add following code in users.js.coffee:

jQuery ->
  $('.dropdown-toggle').dropdown()  

Solution was found here. Thus, I added this code to app/assets/javascripts/bootstrap.js.coffee, so the final code in it looks like the following:

jQuery ->
  $("a[rel~=popover], .has-popover").popover()
  $("a[rel~=tooltip], .has-tooltip").tooltip()
  $('.dropdown-toggle').dropdown()

And right after this dropdown in navbar started to work exactly as expected.