
我在使BS标签更改为活动状态时遇到了一些困难
index.html.haml
- if @tabs
%ul#tabs.nav.nav-tabs{:role => "tablist"}
%li.active{:role => "presentation"}
= link_to "All", search_jobs_path(tab: "ALL"), {"aria-controls" => "home", :role => "tab"}
- @tabs.each do |tab|
%li{:role => "presentation"}
= link_to tab, search_jobs_path(tab: tab), {"aria-controls" => "home", :role => "tab"}
:javascript
$('#tabs').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
.tab-content
= render partial: 'jobs/list', locals: { jobs: @jobs }
Run Code Online (Sandbox Code Playgroud)
我已经尝试过遵循BS指南,但无法让它工作.我试着换出data-toggle带data-target.我data-toggle完全删除了.当我将鼠标悬停在另一个标签上时,我所做的最好的就是显示阴影; 但是,它会继续显示第一个标签为活动标签.
我有这个数组我正在创建一个选择框; 然而,这绝对不是一个干净利落的方式.任何人都可以提供一种更简单的方法来写出来吗?
[ [ '0', '0' ],
[ '1', '1' ],
[ '2', '2' ],
[ '3', '3' ],
[ '4', '4' ],
[ '5', '5' ],
[ '6', '6' ],
[ '7', '7' ],
[ '8', '8' ],
[ '9', '9' ],
[ '10', '10' ],
[ '11', '11' ],
[ '12', '12' ],
[ '13', '13' ],
[ '14', '14' ],
[ '15', '15' ],
[ '16', '16' ],
[ '17', '17' ],
[ '18', '18' ],
[ …Run Code Online (Sandbox Code Playgroud)