导航栏下拉菜单不起作用答案

【问题标题】：Navbar dropdown not working导航栏下拉菜单不起作用
【发布时间】：2012-07-02 11:21:02
【问题描述】：

我有下面的代码，但下拉菜单不起作用，有什么想法吗？我是否需要添加“$('.dropdown-toggle').dropdown();”到我的 javascript 文件？

.navbar.navbar-fixed-top
  .navbar-inner
    .container
      %button.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse", :type => "button"}
        %span.icon-bar
        %span.icon-bar
        %span.icon-bar
      = link_to I18n.t(:site_title), root_url, :class => "brand"
      .nav-collapse
        %ul.nav
          %li= link_to I18n.t(:nav_thelist)
          %li= link_to I18n.t(:nav_themap)
          %li= link_to I18n.t(:nav_the92)
          %li.dropdown
            %a.dropdown-toggle{"data-toggle" => "dropdown", "data-target" => "#", :href => "#"}
              = I18n.t(:nav_admin)
              %b.caret
            %ul.dropdown-menu
              %li= link_to I18n.t(:nav_leagues), leagues_url
              %li= link_to I18n.t(:nav_clubs), clubs_url
              %li= link_to I18n.t(:nav_visits), visits_url

【问题讨论】：

你的 haml 看起来不错。页面中是否包含必要的 bootstrap-dropdown.js？
谢谢，成功了。您能否将其添加为答案，然后我可以给您功劳。

标签： ruby-on-rails-3 twitter-bootstrap haml

【解决方案1】：

Twitter-Bootstrap 中的下拉菜单不仅需要适当的属性和 CSS，还需要适当的 javascript 插件。在此处检查以确保您为下拉菜单安装了正确的 javascript 插件：

http://twitter.github.com/bootstrap/javascript.html

【讨论】：

【解决方案2】：

如果您使用的是 twitter-bootstrap-rails gem 它在 application.js 中错误地命名了 require 路径将其更改为 //= 需要引导

【讨论】：