pasar consulta valor de cadena a la pestaña correspondiente jQuery abierta en la página siguiente

Question

i tiene un enlace en la página 1 con la cadena de consulta href="page2.html?selected=1".

Lo que quiero es cuando hago clic en el enlace en la página 1, entonces debe navegar a la página 2.html y utilizar este valor cadena de consulta a la pestaña jQuery en particular abierto (el uso de pestañas jQuery) ??

función es la siguiente:

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

Por favor, dígame cómo puedo resolver este problema ??

Answer 1

Puede hacerlo de esta manera, pero sus variables están mezclados, que sólo sería:

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

No obstante , ya hay soporte integrado para esto, sólo tiene que utilizar una URL como esta:

page2.html?#tabPanelID

Por ejemplo, si la pestaña tiene un enlace de href="#tab3" que va a un <div id="tab3"> entonces su URL sería page2.html#tab3, echa un vistazo a este enlace: http://jqueryui.com/demos/tabs/#tabs-3

Vea cómo se abre directamente a la tercera pestaña en la demo? esa es la incorporada en el comportamiento.

Answer 2

Trate de esta manera ... Sé que es un poco largo aliento, pero al menos se puede ver cada etapa de cómo se implementa JS aquí.

Añadir un revelador a la cadena una vez que las actualizaciones de las páginas ... Tengo tab222 hecho.

Luego de identificación de su contenido div pestaña es que he hecho Tab_2 #

cambiar la etiqueta href menú para lo que tienes ...

$(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! Espero que ayude.