JQuery UI Demos jQuery UI oferece uma combinação de interação, efeitos, widgets, utilitários e temas projetados para funcionarem bem juntos ou por conta própria. Jogue com as demonstrações, veja a fonte, crie um tema. Leia a documentação da API e comece a usar jQuery UI hoje. Interações As interações adicionam comportamentos basicos baseados em mouse para qualquer elemento. Você pode criar listas classificáveis, elementos redimensionáveis, arraste os comportamentos de suspensão de amplificador e muito mais com apenas algumas linhas de código. As interações também criam grandes blocos de construção para widgets e aplicativos mais complexos. Widgets são controles de UI completos que trazem a riqueza de aplicativos de desktop para a Web. Todos os widgets fornecem um núcleo sólido com muitos pontos de extensão para customizar o comportamento, bem como suporte a temas completos. Os efeitos adicionam suporte para animar cores e transições de classe, além de fornecer várias facilidades adicionais. Além disso, um conjunto completo de efeitos personalizados estão disponíveis para serem usados ao exibir e ocultar elementos ou apenas para adicionar algum recurso visual. Utilidades usadas pela jQuery UI para criar interações e widgets. InteractionsTabs Widget Interação do teclado Quando o foco está em uma guia, os seguintes comandos de teclas estão disponíveis: UP LEFT. Mova o foco para a guia anterior. Se na primeira guia, move o foco para a última guia. Ative a guia focada após um curto atraso. PARA BAIXO CERTO. Mova o foco para a próxima guia. Se na última guia, move o foco para a primeira guia. Ative a guia focada após um curto atraso. CTRL UP Left. Mova o foco para a guia anterior. Se na primeira guia, move o foco para a última guia. A guia focada deve ser ativada manualmente. CTRL DOWN RIGHT. Mova o foco para a próxima guia. Se na última guia, move o foco para a primeira guia. A guia focada deve ser ativada manualmente. CASA. Mova o foco para a primeira guia. Ative a guia focada após um curto atraso. FIM. Mova o foco para a última guia. Ative a guia focada após um curto atraso. CTRL HOME. Mova o foco para a primeira guia. A guia focada deve ser ativada manualmente. CTRL END. Mova o foco para a última guia. A guia focada deve ser ativada manualmente. ESPAÇO. Ative o painel associado à guia focada. ENTRAR. Ativar ou alternar o painel associado à guia focada. ALT OPTION PAGE UP. Mova o foco para a guia anterior e ative imediatamente. ALT OPTION PAGE DOWN. Mova o foco para a próxima guia e ative imediatamente. Quando o foco está em um painel, os seguintes comandos-chave estão disponíveis: CTRL UP. Mova o foco para a guia associada. ALT OPTION PAGE UP. Mova o foco para a guia anterior e ative imediatamente. ALT OPTION PAGE DOWN. Mova o foco para a próxima guia e ative imediatamente. O widget de guias usa a estrutura jQuery UI CSS para modelar sua aparência. Se for necessário um estilo específico de abas, os seguintes nomes de classes CSS podem ser usados para substituições ou como chaves para a opção de classes: ui-tabs. O recipiente externo das abas. Este elemento também terá uma classe de ui-tabs-plapsível quando a opção dobrável estiver definida. Ui-tabs-nav. A lista de guias. Ui-tabs-tab. Um dos itens na lista de guias. O item ativo terá a classe ui-tabs-active. Qualquer item da lista cujo conteúdo associado esteja carregando via uma chamada do Ajax terá a classe de carregamento de tabulações ui. Ui-tabs-anchor. As âncoras usadas para trocar painéis. Ui-tabs-panel. Os painéis associados às guias. Somente o painel cuja guia correspondente está ativa será visível. Dependências Notas adicionais: Este widget requer alguns CSS funcionais, caso contrário, o trabalho wonapost. Se você criar um tema personalizado, use o arquivo CSS específico do widgetaposs como ponto de partida. ActivexA0 Qual painel está aberto no momento. Múltiplos tipos suportados: booleano. A configuração ativa em falso irá reduzir todos os painéis. Isso exige que a opção dobrável seja verdadeira. Inteiro. O índice baseado em zero do painel que está ativo (aberto). Um valor negativo seleciona painéis voltados para trás do último painel. Exemplos de código: Inicialize as guias com a opção ativa especificada:
Comments
Post a Comment