0

ドロップダウンメニューをクリックしても何も起こらない...

ここにいくつかのコード行があります:

アプリ/資産/javascripts/application.js

//= require bootstrap
//= require jquery
//= require jquery_ujs
//= require_tree .

アプリ/ビュー/レイアウト/application.html.erb

<%= stylesheet_link_tag    "application", media: "all" %> 
<%= javascript_include_tag "application", media: "all" %>
<%= csrf_meta_tags %>
<%= favicon_link_tag %>

アプリ/ビュー/レイアウト/_header.html.erb

<header class="navbar navbar-fixed-top">
<div class="navbar-inner">
  <div class="container">
    <%= link_to "Something", root_path, id: "logo" %>
    <ul class="nav pull-right noline">
      <li><%= link_to "Docs",  '/home' %></li>
        <% if user_signed_in? %>
          <li id="fat-menu" class="dropdown bold">
            <a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown">
              <%= current_user.username %><b class="caret"></b>
            </a>
            <ul class="dropdown-menu">
              <li><%= link_to "Settings", edit_user_registration_path %></li>
              <li class="divider"></li>
              <li>
                <%= link_to "Logout", destroy_user_session_path %>
              </li>
            </ul>
          </li>
        <% end %>
      </ul>
    </div>
  </div>
</header>
4

5 に答える 5

5

更新:bootstrap-sassバージョンの gemは、古いプロパティ2.0.0を使用している Twitter Bootstrap を提供しているようです。$.browserそのため、最新バージョンに更新します（2.2.2今のところ）。

ディレクティブの順序を次のように変更application.jsします。

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

**シーケンスに従うことが重要です〜

//= require_tree . 最後に必要なものです。

于 2013-03-29T10:13:04.157 に答える
1

これを試して：

jQuery(document).ready(function($) {
  $('.dropdown-toggle').dropdown();
});
于 2013-03-29T10:12:57.143 に答える
0

次のようなものを含めようとしましたか:

<%= javascript_include_tag "jquery" %>
<%= javascript_include_tag "jquery.min" %>
<%= javascript_include_tag "jquery-ui" %>

はっきりとは思い出せませんが、それらのファイルが含まれていない場合は含めるようにしてください。それらがasset/javascriptフォルダーにあることを確認してください

これは単なる例であり、それらを含めることもできapplication.jsます

于 2013-03-29T11:08:58.180 に答える
0

同様の問題に答えます。ドロップダウンメニューもトリガーされませんが、これは自分でのみ発生します。

<a href="#" ,class="dropdown-toggle" ,data-toggle="dropdown">

はい、単なる構文エラーです。私は自分の作品で HTML 言語を使用したことがありません。

ｗｗｗ

<a href="#" class="dropdown-toggle" data-toggle="dropdown">

ええと、Micheal Heart による Rails チュートリアル本も読んで、他の質問の解決策によってコードを変更した場合は、それらを元のコードに変えてください。

于 2018-10-25T12:43:05.120 に答える