Possuo uma tablist na página que é responsável por pegar alguns conteúdos através de uma function
. Quando essa function
não retorna nenhum valor, o certo é dar um hide
nessa list
e no seu content
. Até ai tudo está funcionando, veja o código abaixo:
var explore = $('#tablist-explore');
if ( $.trim($('#tablist-explore ul').html()).length == 0 ){
$('#explore-tablist').hide();
}
Esse, no caso, é o responsável por remover o elemento, caso ele não tenha uma child
, mas ai vem minha grande dúvida...
Eu tenho 5 tabs, a primeira dela é a que possui a class active
por padrão, porém em algumas partes do projeto essa primeira tab
não possui conteúdo e a próxima tab
não pega a classe active
.
Vejam os exemplos do que estou dizendo:
- Apaga as tabs que não possuem conteúdo: http://prntscr.com/95zidn (Aqui ele possui 4 de 5 tabs, ou seja, um parte funciona)
- Apaga as tabs, mas não ativa a que está presente: http://prntscr.com/95ziy8 (Aqui ele possui uma única tab, mas não recebe a class active)
Resumindo tudo: Como eu faço para jogar uma classe active
dentro da tab que o conteúdo não for 0 ou nulo?