通過查詢字符串值打開相關的jquery選項卡上的內容頁

我有一個鏈接第1頁與查詢字符串href="page2.html?selected=1"。通過查詢字符串值打開相關的jquery選項卡上的內容頁

我想要的是，當我點擊這個鏈接第1頁上，那麼它應該定位到頁面2.HTML並使用該查詢字符串值，打開特定的jQuery選項卡（使用jquery標籤）？

功能如下：

$(function selectTab(indexId){ 
    var activeTab = location.href; 
    var activeTabId = activeTab.substring(activeTab.lastIndexOf('=') + 1); 
    $('#tabs').tabs('select', indexId); 
})

請告訴我，我怎樣才能解決這個問題？

來源

2010-10-27 Mahima

你能做到這樣，但你的變量是混合起來，這純粹是：

$(function selectTab(){ 
    var activeTab = location.href; 
    var activeTabId = activeTab.substring(activeTab.lastIndexOf('=') + 1); 
    $('#tabs').tabs('select', activeTabId); 
})

然而，還有的已經內置支持這一點，只需使用一個URL是這樣的：

page2.html?#tabPanelID

例如，如果標籤有href="#tab3"是去一個<div id="tab3">一個鏈接，然後你的網址是page2.html#tab3，看看這個鏈接：http://jqueryui.com/demos/tabs/#tabs-3

看看它如何直接打開演示中的第三個標籤？這是內置的行爲。

來源

2010-10-27 09:04:03

我想使用您的示例http://minth.amazyne.com/v-1.6/shortcode-tabs.html頁面。但它不工作 – Learning 2017-01-05 08:27:14

我剛剛嘗試http://jqueryui.com/demos/tabs/#tabs-3第三個標籤沒有打開。第一個標籤。 Chrome版本58.0.3089，Safari 10.0.2，Firefox 53.0.2，Opera 43.0.2442的結果相同 – DanAllen 2017-05-16 15:29:06

試試這個辦法......我知道這人有點長篇大論，但至少你可以看到JS標籤是如何實現的每一個階段。

一旦頁面重新加載，就向你的字符串添加一個指示符...我已經完成了tab222。

然後ID您的標籤內容div的我已經做了＃tab_2

改變菜單標籤的href你有什麼...

$(document).ready(function(){ 

    if (/tab222/.test(self.location.href)) { 
    $('#p_tabs li').removeClass('active'); 
    $('#p_tabs li a[href="#tab_2"]').parent().addClass('active'); 
    $('#tab_one').removeClass('active'); 
    $('#tab_two').addClass('active'); 
    }; 

});

vwala！希望有所幫助。

來源

2015-03-23 19:33:08

通過查詢字符串值打開相關的jquery選項卡上的內容頁

回答

相關問題