1

我正在尝试从一个页面直接链接到另一页面上的特定选项卡。我可以访问其他页面，但不知道如何访问特定选项卡。有人做过吗？

在我的 page1.html.haml 上，我有：

.content-box-header
  %li= link_to "tab1", "#tab1", :class => "default-tab"
  %li= link_to "tab2", "#tab2", :class => ""
.content-box-content
  #tab1.tab-content.default-tab
    = render :partial => 'base1_form'
  #tab2.tab-content
    = render :partial => 'base2_form'

如果您点击此页面上的 tab2 链接，则 tab2 的内容将与 tab1 的内容重叠。

在我的 page2.html.haml 上，我有：

= link_to "link_me", some_path

此链接显示 page1.html.haml 和 tab1。我怎样才能让这个链接激活#tab2呢？

4

2 回答 2

2

您可以在 page2 中的 page1 的 url 上放置一个额外的参数来激活 tab2 而不是默认选项卡。

所以在第2页：

= link_to "link_me", some_path(:tab2 => "")

在 page1 中，您可以在 .content-box-content div 之后的底部添加它

- if params[:tab2]
  :javascript
    jQuery(document).ready(function(){
      jQuery("#tab2_link").click();
    });

并且，在您的链接上添加该 ID

.content-box-header
  %li= link_to "tab1", "#tab1", :class => "default-tab", :id => "tab1_link"
  %li= link_to "tab2", "#tab2", :class => "", :id => "tab2_link"
于 2012-04-14T07:34:57.720 回答
0

查看http://www.asual.com/jquery/address/，它很好地完成了这种深度链接。

于 2012-04-13T07:02:34.070 回答