2012-04-13 102 views
1

我試圖從一頁直接鏈接到另一頁上的特定標籤。我可以到達其他頁面,但無法弄清楚如何到達特定的選項卡。有沒有人做過這個?如何link_to頁面並激活頁面上的標籤內容?

在我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呢?

+0

你用什麼插件來創建和管理標籤? – linuxeasy 2012-04-13 04:51:29

回答

2

您可以在page2的page1的url上放置額外參數,以激活tab2而不是默認選項卡。

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

並在第1頁,你可以在底部。內容框內容DIV之後

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

,也可以添加這個,添加鏈接上ID:

在第2頁

如此

.content-box-header 
    %li= link_to "tab1", "#tab1", :class => "default-tab", :id => "tab1_link" 
    %li= link_to "tab2", "#tab2", :class => "", :id => "tab2_link" 
+0

是的,你是一個天才!有用!我在上面的jQuery語句中添加了一個缺少的{}。非常感謝! – rapidror 2012-04-16 02:25:55

+0

哎呀,哈哈。我現在編輯它:) – Fred 2012-04-24 09:28:04

相關問題