Como baixar a biblioteca jquery ui para html5 e css3 programação

Video: Популярные Video – JQuery UI

Escrever código jQuery UI não é difícil, mas recebendo as peças certas da biblioteca pode ser um pouco confuso para programadores HTML5 e CSS3. A biblioteca jQuery UI é muito maior do que o pacote jQuery padrão, então você não pode querer incluir toda a coisa se você não precisa dele.

As versões anteriores do jQuery UI permitiu que você baixe o pacote inteiro, mas armazenado cada um dos vários elementos em um arquivo javascript separado. Era comum ter uma meia-dúzia de diferentes roteiro etiquetas ativas apenas para obter os vários elementos no lugar.

Pior, alguns problemas de dependência existe, para que necessário para se certificar de que você tinha certos pacotes instalados antes de você usou outros pacotes. Isso fez com que uma biblioteca simples bastante complexo para realmente usar.

Video: Виджет Selectmenu библиотеки jQuery UI - красиво оформляем теги select

Felizmente, as últimas versões do jQuery UI tornar este processo um pouco mais simples:

  1. Escolher (ou criar) o seu tema.

    Use o site ThemeRoller para escolher um lugar a partir da biblioteca de modelos. em seguida, você pode personalizar o seu tema exatamente para fazer o que quiser (alterando as cores, fontes e outros elementos).

  2. Faça o download do tema.

    O ThemeRoller tem um botão de download. Clique neste quando você está pronto para fazer o download do tema.

  3. Escolher os elementos que você deseja.

    Quando você estiver primeira partida em um projeto, você provavelmente vai pegar todos os elementos. Se você achar que a página está carregando muito lentamente, você pode construir uma versão menor que contém apenas os elementos que você precisa. Por enquanto, pegar tudo.



  4. Faça o download do arquivo.

    Depois de escolher os elementos que você quer, você pode baixá-los em um arquivo zip.

  5. Instalar o conteúdo do arquivo zip para seu diretório de trabalho.

    O arquivo zip contém um número de arquivos e diretórios. copie o css e js diretórios para o diretório onde suas páginas da web será (muitas vezes o public_html ou htdocs diretório). Você não precisa copiar o desenvolvimento-bundle diretório ou a página index.html.

  6. Se você instalar vários temas, copie apenas as informações tema de temas adicionais.

    Todos os temas usar o mesmo javascript. Apenas o CSS (e arquivos de imagem relacionados) muda. Se você quiser ter vários temas em seu projeto, basta copiar o conteúdo CSS. Cada tema será um subdiretório diferente do diretório CSS principal.

  7. Link para os arquivos CSS.

    Use a técnica de ligação normalizado de ligação para os arquivos CSS criados por jQuery UI. Você também pode conectar-se a seus próprios arquivos CSS ou usar CSS interna, além do CSS personalizado. Certifique-se de que você obtenha o caminho certo.

  8. Link para os arquivos javascript.

    O kit de ferramentas jQuery UI também instala dois arquivos javascript: a biblioteca jQuery padrão ea biblioteca jQuery UI. Por padrão, ambos os arquivos são instalados no js diretório. Você precisa conectar-se a ambos os arquivos. Às vezes você vai ver os arquivos minimizados ao lado de versões comuns. A versão minimizada terá o prazo min embutido. Tanto a versão é bom, mas a versão minimizada irá carregar mais rápido.

Video: jQuery UI

Se algo não está funcionando direito, verifique seus caminhos de arquivo novamente. Quase sempre, os problemas surgem porque você não ligada a todos os arquivos corretos. Além disso, observe que os arquivos CSS criados por jQuery UI também incluem imagens. Certifique-se de que o seu tema tem um diretório de imagens associadas, ou seu projeto pode não funcionar corretamente. Se você copiou todo o CSS e diretórios JS do download, você deve ser fino.


Publicações relacionadas