Ruby on rails twitter引导navbar在我的rails应用程序上崩溃
我似乎无法在我的rails应用程序上使用navbar collapse application.html.erb是Ruby on rails twitter引导navbar在我的rails应用程序上崩溃,ruby-on-rails,ruby-on-rails-3,twitter-bootstrap,Ruby On Rails,Ruby On Rails 3,Twitter Bootstrap,我似乎无法在我的rails应用程序上使用navbar collapse application.html.erb是 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="assets/stylesheets/bootstrap-responsive.css" rel
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/stylesheets/bootstrap-responsive.css" rel="stylesheet">
<%= analytics_init if Rails.env.production? %>
<title>Guidelines for Me</title>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
<script type="text/javascript">
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
}
function clearText(){
search = $('.search-query');
if (search.defaultValue==search.value)
search.value = ""
}
</script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<% if Guideline.count % 100 ==0 %>
<%= link_to "#{Guideline.count}" " guidelinesforme available - yay!", guidelines_path, :class => 'brand' %>
<% else %>
<%= link_to "#{Guideline.count}" " guidelinesforme available!", guidelines_path, :class => 'brand' %>
<% end %>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
List guidelines by...
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link_to "...Topic", topics_path %></li>
<li><%= link_to "...Hospital", hospitals_path %></li>
<li><%= link_to "...Specialty", specialties_path %></li>
</li>
</ul>
<% if user_signed_in? %>
<li><%= link_to "Favourites", favourites_path %></li>
<% else %>
<li><%= link_to "Favourites", register_path %></li>
<% end %>
</ul>
<ul class="nav pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<% if user_signed_in? %>
<%= current_user.first_name %>
<% else %>
Log in or Sign up
<% end %>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<% if user_signed_in? %>
<li ><%= link_to "Edit profile", edit_path %></li>
<li> <%= link_to "Log out", logout_path %></li>
<li> <%= link_to "My additions", profiles_show_path(id: current_user.profile_name) %></li>
<% else %>
<li><%= link_to "Log in", login_path %></li>
<li><%= link_to "Sign Up", register_path %></li>
<% end %>
<li><%= link_to "About us", about_path %></li>
</li>
</ul>
<li class="nav pull-right">
<%= form_tag guidelines_path, :class => 'navbar-search pull-right', :onSubmit=>"clearText(this)",:method => :get do %>
<%= text_field_tag :search, params[:search], :class => 'search-query input-small', :placeholder=>"Search", :ONFOCUS=>"clearDefault(this)" %> <% end %></li>
</ul>
</div>
</div>
</div>
<div class="container">
<% flash.each do |type, message| %>
<div class="alert <%= flash_class type %>">
<button class="close" data-dismiss="alert">x</button>
<%= message %>
</div>
<% end %>
<%= yield %>
</div>
</body>
<script src="/assets/js/bootstrap-dropdown.js"></script>
</html>
我没有使用bootstrap gem,我只是手动添加了bootstrap。我不确定这是否是插件需求的问题,或者如何解决这个问题
谢谢您需要添加
<script src="/assets/js/bootstrap-dropdown.js"></script>
是在您的_scripts.js中,而不是在您的style.css文件中对不起,这是一个输入错误(现已更正)。它位于application.js中。关于-我以为所有的插件都在bootstrap.js中,它已经包含在了?啊,好的。bootstrap-dropdown.js似乎包含在我的bootstrap.js中。我需要单独添加它吗?如果需要,我只是复制bootstrap.js中已经存在的文本,或者是否有其他地方可以从中获取bootstrap-dropdown.js?我认为您在ul和li标签方面存在一些问题,也许这就是问题的原因。在完成ul列表之前,您需要对零件进行此操作。请看下面的代码示例,谢谢,但是您提到的部分中的所有下拉位都可以正常工作。我只想添加导航栏折叠部分,但这是不起作用的。是的,您的HTML标记不正确,您需要查看此处的响应导航栏并处理您的HTML,如果您需要任何帮助,请告诉我们
<script src="/assets/js/bootstrap-dropdown.js"></script>
$(".collapse").collapse()