我的导航菜单包含2个标签:
<div id="user_menu">
<ul class="nav nav-tabs">
<li class="active"><%= link_to "Group1", group1_friends_path(@user), :remote => true %></li>
<li><%= link_to "Group2", group2_friends_path(@user), :remote => true %></li>
</ul>
</div>
我设法让Ajax渲染某些部分内容。现在,当我单击选项卡时,部分加载到我的目标占位符div中。我用这个jquery脚本来处理这个,
我在assest / javascripts / 中放置的tab.js:
$('#user_menu a').click(function (e) {
$('ul.nav-tabs li.active').removeClass('active')
$(this).parent('li').addClass('active')
})
我的application.js看起来像这样:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
任何帮助都将不胜感激。
答案 0 :(得分:0)
试试这个。也许它在文件准备好之前就已经执行了?
$(function() {
$('#user_menu a').click(function (e) {
$('ul.nav-tabs li.active').removeClass('active')
$(this).parent('li').addClass('active')
});
});