Как настроить пользовательские вкладки в JQuery UI и использовать с рельсами

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) не работает. я получил это по этой ссылке

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')