如何在jquery ui中设置自定义选项卡并使用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> 

我有2个问题。

1. 如何将选项卡设置为自定义。说我想第二个标签首先显示。 $('#tabs').tabs(2)不起作用。我从中得到了这个link

2. 假设我点击tab1中的一个按钮。点击按钮将控制权移回操作，然后控制权返回到此页面。当控件返回时...那么是否可以设置自定义选项卡？例如。在选项卡1我点击的东西...回到动作......然后我要回来标签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')