Javascript 通过另一页上的按钮在特定选项卡上定向

我不知道我到底该怎么做，如何通过另一个页面上的按钮在特定选项卡上重定向

例如：

我在主页上，我有“转到新客户”按钮

当我点击该按钮时，它将转到另一个名为“客户端页面”的页面

客户端页面有3个选项卡：

• 所有客户端（处于活动状态）
• 新客户
• 老客户

我想做的是，当我在主页上单击“转到新客户机”按钮时，它将重定向到客户机页面，并直接/自动打开“新客户机”选项卡

我正在使用引导和jquery

更新

---

这是我的客户页面：

- provide(:title, 'Client Database')
.row.page-header.page-header-with-buttons
  %h1.pull-left
    %i.icon-group
    %span Clients
  = render 'shared/main_navigation'
.row
  .col-xs-12
    = render 'shared/profile_menu'
  .col-sm-12.box{style: "margin-bottom: 0"}
    .box
      .box-header.gray-background
        .heading-title 
          %strong CLIENT DATABASE
      .box-content
        #client_tabs.tabbable{style: "margin-top: 20px"}
          %ul.nav.nav-responsive.nav-tabs
            %li.active
              = link_to 'All', '#all_clients', :'data-toggle' => 'tab', :'data-url' => '/clients/all/list'
            %li
              = link_to 'New Client', '#new_clients', :'data-toggle' => 'tab', :'data-url' => '/clients/new_client/list'
            %li
              = link_to 'Old Client', '#old_clients', :'data-toggle' => 'tab', :'data-url' => '/clients/old_client/list'
            %li
              = link_to 'Corporate', '#corporate', :'data-toggle' => 'tab', :'data-url' => '/clients/corporate/list'
            %li
              = link_to 'Individual', '#individual', :'data-toggle' => 'tab', :'data-url' => '/clients/individual/list'
          .tab-content
            #all_clients.tab-pane.active
            #new_clients.tab-pane
            #old_clients.tab-pane
            #corporate.tab-pane
            #individual.tab-pane

JQUERY：

$('#client_tabs ul .active a').trigger('click')

主页：

= link_to 'New Client', '#new_clients', :'data-toggle' => 'tab', :'data-url' => '/clients/new_client/list', class: 'btn btn-success'

---

我会通过angular js来做。尽管使用angular是一个陡峭的学习曲线，但它使编写javascipt和创建动态网页变得更加容易。这里有一个使用angular查看的示例（在选项卡下）：

---

请先共享html。您需要根据您所在的页面将tab类设置为active。没有任何代码都帮不上忙。