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

デフォルトのタブの代わりにタブ2をアクティブにするために、ページ2のページ1のURLに追加のパラメーターを配置できます。

だからページ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 に答える