2014-11-19 2 views
0

현재 Michael Hartl의 Ruby on Rails 튜토리얼을 읽고 있습니다. 8 장에서 로그인을 구현하고 기능을 로그 아웃합니다. "계정"드롭 다운 상자를 만드는 섹션에서 버그가 발생했습니다. 모든 테스트가 통과되고 책에있는 코드를 따라 갔지만 "마우스를 가져다 놓거나"계정 "드롭 다운 상자를 클릭해도 아무 일도 일어나지 않습니다. 여기 부트 스트랩 for Rails 드롭 다운 박스가 작동하지 않습니다.

내 _header.erb 파일입니다

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

그리고 여기 내 application.js

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

그리고 내 Gemfi입니다 르

source 'https://rubygems.org' 
 

 
gem 'rails', '3.2.3' 
 
gem 'bootstrap-sass', '2.0.0' 
 
gem 'bcrypt-ruby', '3.0.1' 
 

 
# Bundle edge Rails instead: 
 
# gem 'rails', :git => 'git://github.com/rails/rails.git' 
 

 
group :development, :test do 
 
\t gem 'sqlite3', '1.3.5' 
 
\t gem 'rspec-rails', '2.10.0' 
 
\t gem 'annotate', '~> 2.4.1.beta' 
 
\t gem 'guard-rspec', '0.5.5' 
 
end 
 

 
# Gems used only for assets and not required 
 
# in production environments by default. 
 
group :assets do 
 
    gem 'sass-rails', '3.2.4' 
 
    gem 'coffee-rails', '3.2.2' 
 

 
    # See https://github.com/sstephenson/execjs#readme for more supported runtimes 
 
    # gem 'therubyracer', :platforms => :ruby 
 

 
    gem 'uglifier', '2.0.0' 
 
end 
 

 
gem 'jquery-rails' 
 

 
group :test do 
 
\t #gem 'rspec-rails', '2.10.0' 
 
\t gem 'capybara', '1.1.2' 
 
\t gem 'rb-fchange', '0.0.5' 
 
\t gem 'rb-notifu', '0.0.4' 
 
\t gem 'win32console', '1.3.0' 
 
\t gem 'guard-spork', '0.3.2' 
 
\t gem 'spork', '0.9.0' 
 
\t gem 'factory_girl_rails', '1.4.0' 
 
end 
 

 
group :production do 
 
\t gem 'pg', '0.12.2' 
 
end 
 

 

 
# To use ActiveModel has_secure_password 
 
# gem 'bcrypt-ruby', '~> 3.0.0' 
 

 
# To use Jbuilder templates for JSON 
 
# gem 'jbuilder' 
 

 
# Use unicorn as the app server 
 
# gem 'unicorn' 
 

 
# Deploy with Capistrano 
 
# gem 'capistrano' 
 

 
# To use debugger 
 
# gem 'debugger'

는 내가 다른 정보 나 코드가 제공하는 가장 좋은 것입니다 무엇을 아주 확실하지 않다 그래서 레일에 비교적 새로운 해요.

진행 방법에 대한 아이디어 나 제안 사항을 보내 주시면 감사하겠습니다.

+0

자바 스크립트가 올바르게 실행되고 있는지 확인합니다. 브라우저에서 브라우저가 뭐라고 말합니까? –

+0

어떤 책을 사용하고 있습니까? Rails 3.2.3과 Bootstrap 2.0.0은 현재 그의 책이있는 곳에서 상당히 오래되었습니다. 자신이 모르는 경우 무료로 최신 도서를 온라인으로 읽을 수 있습니다 (https://www.railstutorial.org/). – MattD

답변

0

<li id="fat-menu" class="dropdown">에서 id="fat-menu"을 제거하면 문제가 해결 될 것이라고 생각합니다.

관련 문제