Ruby on rails 引导按钮下拉列表未显示在我的Rails应用程序中
My Rails 4应用程序具有以下项目的edit.html.haml视图:Ruby on rails 引导按钮下拉列表未显示在我的Rails应用程序中,ruby-on-rails,drop-down-menu,twitter-bootstrap-2,Ruby On Rails,Drop Down Menu,Twitter Bootstrap 2,My Rails 4应用程序具有以下项目的edit.html.haml视图: %h1 Edit Project .actions = link_to 'Browse', projects_path, :class => 'btn' = link_to 'View', project_path, :class => 'btn' - if ((@project.teams.map { |t| t.user_id }.include? current_use
%h1
Edit Project
.actions
= link_to 'Browse', projects_path, :class => 'btn'
= link_to 'View', project_path, :class => 'btn'
- if ((@project.teams.map { |t| t.user_id }.include? current_user.id) || is_admin?)
%a.btn.dropdown{:hfref => '#', :data => {:toggle => 'dropdown'}}
= 'Time'
%span.caret
%ul.dropdown-menu{:role => 'menu', 'aria-labelledby' => 'dLabel'}
%li
= link_to 'Submitted', billables_path(:project_id => @project.id, :status => 'Submitted')
%li
= link_to 'Totalled', billables_path(:project_id => @project.id, :status => 'Totalled')
%li
= link_to 'Adjusted', billables_path(:project_id => @project.id, :status => 'Adjusted')
%li
= link_to 'Billed', billables_path(:project_id => @project.id, :status => 'Billed')
= link_to 'Software', tools_path(:project_id => @project.id), :class => 'btn'
= link_to 'Expense', expenses_path(:project_id => @project.id), :class => 'btn'
= render :partial => 'team', :locals => { :project => @project }
= render :partial => 'form'
我不知道为什么当我点击下面有四个菜单项的“时间”按钮时,下拉菜单没有显示。浏览器控制台未显示任何错误。是否正在加载引导程序的javascript文件?
该下拉列表与bootstrap.js中包含的下拉javaScript插件交互。我找到了它。我将为那些可能感兴趣的人发布我的解决方案。以下是我希望的修订代码:
%h1
Edit Project
.actions
= link_to 'Browse', projects_path, :class => 'btn'
= link_to 'View', project_path, :class => 'btn'
- if ((@project.teams.map { |t| t.user_id }.include? current_user.id) || is_admin?)
%span.dropdown
%a.dropdown-toggle{:role => 'button', :href => '#', :data => {:toggle => 'dropdown'}, :class => 'btn'}
= 'Time'
%b.caret
%ul.dropdown-menu{:role => 'menu', 'aria-labelledby' => 'dLabel'}
%li
= link_to 'Submitted', billables_path(:project_id => @project.id, :status => 'Submitted')
%li
= link_to 'Totalled', billables_path(:project_id => @project.id, :status => 'Totalled')
%li
= link_to 'Adjusted', billables_path(:project_id => @project.id, :status => 'Adjused')
%li
= link_to 'Billed', billables_path(:project_id => @project.id, :status => 'Billed')
= link_to 'Software', tools_path(:project_id => @project.id), :class => 'btn'
= link_to 'Expense', expenses_path(:project_id => @project.id), :class => 'btn'
= render :partial => 'team', :locals => { :project => @project }
= render :partial => 'form'
这确实是一个CSS和HTML问题。1.请注意下面的%span.下拉列表-如果。。
它确保链接或按钮与其余链接或按钮保持在线。有了这个小小的改变,一切都正常了
@Papzord,谢谢你试图帮助我。是的,我正在加载javascript文件。我的导航栏中的下拉菜单工作正常。这是我试图在编辑页面上显示的附加菜单。抱歉。下拉菜单实际上显示出来了!但它不是从链接上掉下来,而是在左下角弹出!有点奇怪?文件上说可能需要额外的定位。这是一个CSS问题。您使用的是哪个版本的引导?