Crie uma lista <ul> e <li>’s, onde cada item da lista será uma aba swipe
Envolva <ul> em uma div com a class ui_swipetab.
Abaixo de ui_swipetab, crie uma nova lista<ul> e <li>’s.
Envolva o novo <ul> em uma div com a class ui_swipetabContent.
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
Por padrão, as abas não terão permalink, pois sua relevância pode variar de acordo com os momentos de acesso. Exemplo: um conteúdo de aba visualizada em dois momentos: durante o compartilhamento do remetente e a visita do destinatário. Logo, faz mais sentido privilegiarmos a aba inicial, onde ficam as informações mais relevantes e atemporais.
Se achar necessário, gere o permalink para cada uma das abas. Para isso, insira o atributo data-link="true" em ui_swipetab. Dessa forma, é possível capturar a URL após clicar em uma aba, seja para compartilhar ou abrir através de um endereço específico.
Caso queira, altere o nome do parâmetro por meio do atributo data-link-name e informe o valor desejado em ui_swipetab.
Já o nome de cada aba pode ser alterado pelo atributo data-link-custom em cada li filho de ui_swipetab.
Antes e depois da renderização das abas swipe, usuários avançados podem implementar funções do tipo callbefore e callback
Para isso, crie as funções callbefore_swipetab(xdi) e/ou callback_swipetab(xdi) e implemente as ações que irão ocorrer após a construção das abas swipe, onde xdi é o identificador do ui_swipetab.
Também é possível implementar funções do tipo callbefore e callback após o clique nas abas
Para isso, crie as funções callbefore_swipetab_click(xdi,posicao) e/ou callback_swipetab_click(xdi,posicao) e implemente as ações que irão ocorrer após o clique em cada uma das abas, onde xdi é o identificador do ui_swipetab e posicao é a posição da aba corrente.
Essas funções não são obrigatórias, ou seja, só serão executadas se existirem. Caso positivo, para evitar duplicidades, lembre-se de implementar as funções callbefore e/ou callback em arquivos específicos, presentes nas respectivas páginas finais, já que o seu objetivo não é genérico.
Ao clicar na aba, a URL o caminho clicado. Padrâo: não exibir (false)Saiba mais
Os navegadores modernos são capazes de trocar a url em tempo de execução.
Uma vez habilitada, as abas geram links permanentes, facilitando o acesso ao conteúdo. Habilte essa função e observe a barra de endereço do navegador ao clicar na aba.
O nome do parãmetro de URL será Padrâo: aba O nome da 1ª aba será . O nome da 2ª aba será . O nome da 3ª aba será . O nome da 4ª aba será . O nome da 5ª aba será . O nome da 6ª aba será . O nome da 7ª aba será . O nome da 8ª aba será . O nome da 9ª aba será .
