选项卡不会更改为“活动” - jQuery和rails 3

时间:2012-07-30 00:07:14

标签: jquery ruby-on-rails ruby ruby-on-rails-3 twitter-bootstrap

我的导航菜单包含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 .

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

试试这个。也许它在文件准备好之前就已经执行了?

$(function() {
  $('#user_menu a').click(function (e) {
    $('ul.nav-tabs li.active').removeClass('active')
    $(this).parent('li').addClass('active')
  });
});