passare interrogazione valore stringa di aprire scheda jquery relativo alla pagina seguente

Question

ho un link a pagina 1 con querystring href="page2.html?selected=1".

Quello che voglio è quando scatto su questo link a pagina 1 allora dovrebbe passare alla pagina 2.html e utilizzare questo valore querystring alla particolare scheda jquery aperta (utilizzando le schede jQuery) ??

funzione è la seguente:

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

La prego di dirmi come posso risolvere questo problema ??

Answer 1

Si può fare in questo modo, ma le variabili sono mescolati, sarebbe solo:

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

Tuttavia , c'è già supporto integrato per questo, basta usare un URL simile a questo:

page2.html?#tabPanelID

Per esempio, se la scheda ha un link di href="#tab3" che va a un <div id="tab3"> allora il vostro URL sarebbe page2.html#tab3, controlla questo link: http://jqueryui.com/demos/tabs/#tabs-3

Guarda come si apre direttamente alla terza scheda nella demo? questo è il built-in comportamento.

Answer 2

Prova in questo modo ... So che è un po 'lungo senza fiato, ma almeno si può vedere ogni fase di come JS Tabs è implementato.

Aggiungi una spia alla stringa una volta che la pagina viene ricaricata ... Ho fatto tab222.

Poi ID suo sito web div scheda è che ho fatto # Tab_2

cambiare il tag del menu href per quello che hai ...

$(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! Speranza che aiuta.