如何在jquery中设置自定义选项卡并与rails一起使用

Question

我使用jqueryUI作为页面上的选项卡。我将其初始化如下：

$("#tabs").tabs();

<div id="tabs">
    <ul>

      <li><a href="#tabs-4">Part A</a></li>
      <li><a href="#tabs-2">Part B</a></li>
      <li><a href="#tabs-5">Part C</a></li>
   </ul>
   <div id="tabs-4">
    .....
   </div>
   <div id="tabs-2">
    ....
   </div>
   <div id="tabs-5">
   ....
   </div>
</div>

我有两个问题。

1. 如何将选项卡设置为自定义。假设我想先显示第二个选项卡。$('#tabs').tabs(2)不起作用。我从这个链接上得到的
2. 假设我点击了tab1内部的一个按钮。单击按钮将控制权带回到一个操作，然后控件返回到此页面。当控件出现时，back...then是否可以设置自定义选项卡？例如。在表1中，我单击something...go返回到action...and，然后返回到表2。

Answer 1

我会这么做的：

主计长：

before_filter :set_default_tab

def some_action
  @tab = "tab-3" # Go to a specific tab when using this action
  ...
end

private
  def set_default_tab
    @tab = params[:tab].blank? ? 'tab-1' : params[:tab]
  end

查看：

# Use @tab in the view to set the current tab
<li class="<%= @tab == 'tab-1' ? 'active' : ''%>"><a>Tab 1</a></li>

# Add the :tab param to any path so the before filter sets @tab
go_do_some_action_path(@item, :tab => 'tab-2')