11

Railsアプリケーションには、ドロップダウンメニュー用の次のコードがあります。

<header class="navbar navbar-fixed-top">
  <div class="navbar-inner">
<div class="container">
    <nav>
            <ul class="nav pull-right">
                <li><%= link_to "Home", root_path %></li> 
            <% if signed_in? %>
                <li id="fat-menu" class="dropdown">
                    <a href="#" class="dropdown-toggle" data toggle="dropdown">
                        Account <b class="caret"></b>
                    </a>
                <ul class="dropdown-menu">
                        <li><%= link_to "Settings", edit_user_path(current_user) %></li>
                        <li class="divider"></li>
                        <li>
                            <%= link_to "Sign out", signout_path, method: "delete" %>
                        </li>
                    </ul>
                </li>
            <% else %>
                <li><%= link_to "Sign in", signin_path %>
            <% end %>
            </ul>
        </nav>
  </div>
</div>
</header>

私のapplication.jsファイルには、次のコードがあります。

    //= require bootstrap

ドロップダウンメニューが機能しない理由がわかりません。また、修正方法もわかりません。数日前は正常に動作していましたが、現在は正常に機能していません。助けてくれてありがとう！

4

6 に答える 6

11

この以前の StackOverflow の質問から答えを見つけました。

Twitterのブートストラップドロップダウンが突然機能しなくなりました

ブートストラップを必要とするコード行の下に //= require jquery を配置する必要がありましたが、うまくいきました!

于 2012-07-28T18:48:37.177 に答える
8

HTML コードをテストしたところ、問題なく動作しました。

まず、最初に jQuery をロードしていることを確認してください。

//= require jquery
//= require bootstrap

また、javascript を介してドロップダウンを呼び出す必要があります。

$('.dropdown-toggle').dropdown()
于 2012-07-28T05:12:18.367 に答える