Question

我正在尝试从一个页面直接链接到另一个页面上的特定选项卡。我可以到达其他页面，但无法弄清楚如何进入特定选项卡。有没有人这样做过？

在我的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

此链接显示带有tab1的page1.html.haml。我怎样才能激活＃tab2这个链接呢？

Answer 1

您可以在第2页的page1的网址上添加一个额外的参数，以激活tab2而不是默认标签。

所以在第2页：

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

并且在第1页中，您可以在.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"

Answer 2

查看http://www.asual.com/jquery/address/，它可以很好地进行深层链接。

如何链接到页面并激活该页面上的选项卡内容？

2 个答案: