No http://docs.jquery.com/UI/Tabs#Example Há um pequeno exemplo HTML de como usar as Guias da interface do usuário do JQuery.
- Eu coloquei o HTML em um arquivo index.htm local.
- Eu baixei todos os arquivos CSS e Javascript e os salvei em arquivos locais:
- mas o mais próximo que consigo é o mesmo exemplo sem cor nas abas.
- Procurei imagens, etc., mas não consigo encontrar nenhuma.
- Eu posso até ter tudo local, exceto o arquivo CSS que eu sair do seu servidor e, em seguida, ele funciona, por isso é algo no arquivo CSS que eu não estou recebendo.
O que eu não estou copiando localmente que o arquivo CSS online tem? Alguém já pegou essas guias da interface do usuário da JQuery para trabalhar e tem um arquivo zip que funciona localmente?
Respostas:
6 para resposta № 1Para as guias de interface do usuário para trabalhar você precisa de algum CSS. A documentação indica o mínimo necessário.
O problema que você tem com o tema de exemplo é porque o arquivo css usado faz referência a outros arquivos CSS. Você precisa copiá-los todos localmente. Você também precisa de uma imagem na pasta themes / flora / i.
12 para resposta № 2
Se o seu problema é que tudo parece rodar, mas as DIVs não desaparecem como deveriam, você provavelmente se deparou com o mesmo problema que eu.
Você precisa definir a classe.ui-tabs-hide de modo que oculte o elemento. Basicamente, o jQuery usa isso para ocultar os elementos, em vez de fazê-lo manualmente com display: none. A razão para isso é para que ele não mexa com a configuração padrão do seu monitor, que pode ser em bloco, em linha ou qualquer coisa. Ao adicionar e remover a classe, você tem mais controle.
.ui-tabs-hide
{
display: none
}
3 para resposta № 3
Eu tive o mesmo problema e é por isso que estou aqui e demorou um pouco para encontrar o problema. Graças a resposta kgiannakakis com o CSS eu encontrei na página JqueryUI este CSS no código fonte:
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css" type="text/css" media="all" />
Adicione-o ANTES do seu CSS principal como este, por exemplo:
E então você deve estar bem - funciona para mim.