Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos,
criei um tabbed panel usando jQuery e o plugin Tabs. Tudo ok, parece-me que meu problema não é com o JS.
acontece que se o navegador do usuário estiver com o javascript desabilitado, isso causa um desastre no layout (pois todas as 'abas' do tabbed fica visiveis), e eu gostaria de evitar isso. Basicamente o que é feito pelo JS é inserir uma classe nas abas que não devem aparecer, e retirá-las, quando elas devam aparecer. Essa classe no css, só define o display:none.
Então o que fiz pra evitar o problema do JS desabilitado foi inserir essa classe (ui-tabs-hide) diretamente no html em todas as 'abas', menos na primeira, para que ele mostre pelo menos uma.
Meu problema é que o navegador não a 'reconhece'. Tirei um print:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img709.imageshack.us/img709/7972/45274075.gif&key=4c802fb08224871a557d979550497036df81f409c8075379daae4d8f768c1f36" alt="Imagem Postada" />
alguém faz ideia do que pode estar levando a isso, ou como posso resolver?
[]'s
especificidade amigo.. pelo visto ela está sendo sobrescrita...
aumente a especificidade dela !
#sidebar #dados-info .ui-tabs-hide
@Editei pra n precisar outro post:
falta de atenção minha. O elemento 'pai' precisava ter uma classe declarada como 'ui-tab' manualmente também.
Obrigado ao thiago eao william
Eu não conseguir compreender o problema. Li e reli e não entendi. :huh:
Você declarou essa classe no CSS? Pois ela nem aparece no Firebug...
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif