Como exibir interactivo CSS3 Demos

A pasta CSS3 desenvolvimento do pacote em jQuery contém uma grande quantidade de material útil. Uma das primeiras peças que você deve olhar é o conteúdo da pasta demos development-bundle, que contém exemplos de como usar os vários jQuery UI apresenta com o seu tema.

Infelizmente, nenhum destes exemplos realmente usar o tema que você criou a menos que você modificá-los a fazê-lo. Por exemplo, o exemplo custom-icons.html na pasta demos desenvolvimento-bundle pasta acordeão mostra como executar esta tarefa, mas não usa o seu tema por padrão.

image0.jpg

Felizmente, é fácil de modificar o exemplo para que ele não aparecer com o seu tema no lugar. O procedimento a seguir diz-lhe como modificar o custom-icons.html exemplo - outros exemplos seguem o mesmo padrão.

  1. Remova o jQuery existente, jQuery UI, e marcas de estilo.

    Você precisa remover as tags gerais mostrados aqui para este exemplo.

     
  2. Adicione o jQuery atualizado, jQuery UI, e marcas de estilo mostrado aqui.

    Certifique-se de usar os links fornecidos em index.html. Como este exemplo é várias camadas de profundidade na hierarquia, você deve adicionar ../ para cada nível de pasta que o exemplo está abaixo do nível principal (normalmente três níveis, como mostrado aqui).

  3. Recarregar a página.

    Você vê a saída temático. Este é um exemplo típico do que a saída temática pode parecer.

    image1.jpg

menu