Saltar al contenido

Activar la pestaña Bootstrap sobre la base del enlace URL

Solución:

Puedes lograrlo usando jquery algo como esto. Su URL, por ejemplo, “www.myurl.com/page#tab1”;

var url = window.location.href;

Obtenga la pestaña para activarla desde el enlace URL.

 var activeTab = url.substring(url.indexOf("https://foroayuda.es/#") + 1);

Eliminar clase de pestaña activa antigua

 $(".tab-pane").removeClass("active in");

Agregar una clase activa a una nueva pestaña

$("https://foroayuda.es/#" + activeTab).addClass("active in");

O abra la pestaña directamente después de obtener activeTab.

$('a[href="https://newbedev.com/#"+ activeTab +'"]').tab('show')

  1. Obtenga el hash de la URL y muestre la pestaña activa
  2. Establecer el hash actual en la URL

Puedes usar este código:

$(function(){
  var hash = window.location.hash;
  hash && $('ul.nav.nav-pills a[href="' + hash + '"]').tab('show'); 
  $('ul.nav.nav-pills a').click(function (e) {
     $(this).tab('show');
     var scrollmem = $('body').scrollTop();
     window.location.hash = this.hash;
  });
});
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *