Question

我目前正在阅读Michael Hartl的Ruby on Rails教程。我在第8章中实施登录和注销功能。我在创建＆＃34;帐户＆＃34;的部分遇到了一个错误。下拉框。我的所有测试都通过了，我已经逐字逐句地遵循了本书中的代码，但当我将鼠标悬停在上面或点击＆＃34;帐户＆＃34;下拉框没有任何反应。

这是我的_header.erb文件：

＆＃13;

<header class="navbar navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<%= link_to "sample app", root_path, id: "logo" %>
			<nav>
				<ul class="nav pull-right">
					<li><%= link_to "Home", root_path %></li>
					<li><%= link_to "Help", help_path %></li>
					<% if signed_in? %>
						<li><%= link_to "Users", '#' %></li>
						<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 "Profile", current_user %></li>
								<li><%= link_to "Settings", '#' %></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 %></li>
					<% end %>
				</ul>
			</nav>
		</div>
	</div>
</header>

＆＃13;

这是我的application.js

＆＃13;

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

＆＃13;

我的Gemfile

＆＃13;

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
	gem 'sqlite3', '1.3.5'
	gem 'rspec-rails', '2.10.0'
	gem 'annotate', '~> 2.4.1.beta'
	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
	#gem 'rspec-rails', '2.10.0'
	gem 'capybara', '1.1.2'
	gem 'rb-fchange', '0.0.5'
	gem 'rb-notifu', '0.0.4'
	gem 'win32console', '1.3.0'
	gem 'guard-spork', '0.3.2'
	gem 'spork', '0.9.0'
	gem 'factory_girl_rails', '1.4.0'
end

group :production do
	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'

＆＃13;

我对rails非常陌生，所以我不太确定最好提供哪些其他信息或代码。

非常感谢任何关于如何进行的想法或建议。

Answer 1

我认为可以通过从id="fat-menu"移除<li id="fat-menu" class="dropdown">来解决问题。

Bootstrap for Rails下拉框不起作用

1 个答案: