1

以下のコードがありますが、ドロップダウンが機能していません。何かアイデアはありますか? 「$('.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
4

2 に答える 2

1

Twitter-Bootstrap のドロップダウンには、適切な属性と CSS だけでなく、適切な JavaScript プラグインも必要です。ここをチェックして、ドロップダウン用に適切な JavaScript プラグインがインストールされていることを確認してください。

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

于 2012-07-02T18:10:03.587 に答える
0

twitter-bootstrap-rails gem を使用している場合、require パスの名前が application.js で間違っています //= require bootstrap に変更します

于 2014-09-04T20:51:58.090 に答える