https://www.pereira.gov.co/mod/Bloques/js/bloqueTabs2.js?nxcache=1749820035

1$(document).ready(function() {
2    // se ejecuta el cambio de tabindex-1 para permitir que se tabule la lista del bloque tabs2
3    changeTabIndex();
4
5
6    $(".ui-tabs").on("tabsactivate", function(event, ui) {
7        console.log("New");
8        setTimeout(function() {
9            console.log("Aplicando tabindex=0 después del timeout.");
10
11            // Asegurarse de que el LI de la pestaña que se desactivó mantenga tabindex="0"
12            if (ui.oldTab && ui.oldTab.length) { // Verificación para asegurar que ui.oldTab existe
13                ui.oldTab.attr("tabindex", "0");
14            }
15
16            // Asegurarse de que el A (enlace) dentro de la pestaña que se desactivó mantenga tabindex="0"
17            if (ui.oldTab && ui.oldTab.length) {
18                ui.oldTab.find("a").attr("tabindex", "0");
19            }
20
21        }, 0); // Un retardo de 0 ms es suficiente para la mayoría de los casos
22        
23    });
24});
25
26function changeTabIndex(){
27    //Seleccionar todos los elementos de los tabs (pestañas)
28    const selectAllTabs =  document.querySelectorAll(".ui-tabs ul .ui-tabs-tab");
29    // Recorro todo los LI de los index que esten en tabindex -1 y l paso a 0
30    selectAllTabs.forEach(function(elemento, index, arreglo){
31        arreglo[index].setAttribute("tabindex","0")
32
33        // Seleccionar el A (enlace) dentro de este LI
34        const anchor = elemento.querySelector("a");
35
36        // Si el enlace existe, establecer su tabindex a "0"
37        if (anchor) {
38            anchor.setAttribute("tabindex", "0");
39        }
40    });
41}