Foros del Web » Programando para Internet » Javascript »

TABS (Pestañas) en JS

Estas en el tema de TABS (Pestañas) en JS en el foro de Javascript en Foros del Web. Hola que tal muchachos, tengo unas TABS (Pestañas) en mi página web que funcionan bien, pero no como las necesito, es decir. Cuando abre la ...
  #1 (permalink)  
Antiguo 02/09/2021, 17:20
Avatar de bathory84  
Fecha de Ingreso: junio-2010
Ubicación: Venezuela
Mensajes: 257
Antigüedad: 11 años, 7 meses
Puntos: 1
TABS (Pestañas) en JS

Hola que tal muchachos, tengo unas TABS (Pestañas) en mi página web que funcionan bien, pero no como las necesito, es decir.

Cuando abre la pagina, en la primera pestaña (ACTIVA) aparecen todas las fotos, cuando solo deberian aparecer las fotos de esa pestaña, ya cuando cambio de pestaña y me regreso a ésta pues si se filtra y funciona. Obvio en el codigo JS tiene señalado que funciona es cuando le de Click, pero yo no se mucho de JS.

Yo lnecesito es que cuando cargue la página ya las pestañas vengan filtradas (cada imagen en su respectiva TAB) y No todas automaticas en la primera pestaña activa, aqui les muestro el codigo:

Código Java:
Ver original
  1. POTENZA.Isotope = function () {
  2.    loadScript(plugin_path + 'isotope/isotope.pkgd.min.js', function() {
  3.       var $isotope = $(".isotope"),
  4.           $itemElement = '.grid-item',
  5.           $filters = $('.isotope-filters');      
  6.         if ($isotope.exists()) {
  7.             $isotope.isotope({
  8.             resizable: true,
  9.             itemSelector: $itemElement,
  10.               masonry: {
  11.                 gutterWidth: 10
  12.               }
  13.             });    
  14.        $filters.on( 'click', 'button', function() {
  15.          var $val = $(this).attr('data-filter');
  16.              $isotope.isotope({ filter: $val });      
  17.              $filters.find('.active').removeClass('active');
  18.              $(this).addClass('active');
  19.       });    
  20.     }
  21.    });
  22. }


Ustedes me ayudarán que es lo que tengo que cambiar.



La zona horaria es GMT -6. Ahora son las 13:26.