Question

以下是我的观点页面的简化版本

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Company Info</a></li>
    <li><a href="#tabs-2">Notes</a></li>
    <li><a href="#tabs-3">Equipment</a></li>
  </ul>
  <div id="tabs-1">
    <%= render :partial => 'company_info', :locals => {:f => f} %>
  </div>
  <div id="tabs-2">
     <%= render :partial => 'company_notes', :locals => {:f => f} %>
  </div>
  <div id="tabs-3">
     <%= render :partial => 'company_equipment', :locals => {:f => f} %>
  </div>
</div>

每个标签都有这些链接，可以转到下一个或上一个记录。

<h3><%= link_to '<--- Previous', edit_lead_path(@leads[@previous_lead_index]) %></h3>

<h3><%= link_to 'Next --->', edit_lead_path(@leads[@next_lead_index]) %></h3>

每当我点击其中一个链接时，它总会返回第一个标签。我想要做的是能够点击上一个/下一个链接，它打开下一个记录编辑页面打开相同的选项卡...

所以，如果我在＃tabs-3中，它将使用＃tabs-3 open ...

打开下一条记录

到目前为止，我对这些标签的唯一Javascript就是这个......

$(function() {
    $( "#tabs" ).tabs();
    });

这个问题可能已在某个地方得到解答但是在阅读了20 - 30的帖子之后我找不到与我正在寻找的相关的答案......其中大部分只是为了刷新当前页面而不是用于打开数据库中的下一条记录......

使用：

gem 'jquery-rails'
gem 'jquery-ui-themes'
gem 'jquery-ui-rails'

Answer 1

能够通过这样做来实现这一目标

<h3><%= link_to '<--- Previous', edit_lead_path(@leads[@previous_lead_index]) + "#tabs-3" %></h3>

<h3><%= link_to 'Next --->', edit_lead_path(@leads[@next_lead_index]) + "#tabs-3" %></h3>

url将是这样的：site.com/leads/3007/edit#tabs-3

Jquery在Next Record上加载当前选项卡

1 个答案: