1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Jquery Icones como usar ?

Bom dia, estou fazendo uma página simples em HTML e estou usando JQUERY só que tenho um problema.

Baixei e importei os arquivos ( css, js, images ) pro meu projeto, utilizo a função Accordion do Jquery sem problemas só que os mesmos não vem com os icones pré-definidos tipo no site http://jqueryui.com/accordion/ ao utilizar o meu accordion ele funciona normal só que os pequenos icones não são exibidos, parece que o mesmos não foram importados. tem algo diferente que preciso fazer ?

meu arquivo HTML esta assim

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Accordion com JQUERY</title>
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/accordion.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery.js"></script>
<script src="js/accordion.js"></script>
<script src="js/jquery-ui.js"></script>
</head>
<body>

    <a title="some_title" href="some_url"
        class="fg-button small ui-state-default fg-button-icon-solo ui-corner-all">
        <span class="ui-icon ui-icon-the-icon-you-chose-before"></span>
    </a>
    <!-- Inicio da nav accordion -->
    <nav class="accordion">
        <div id="accordion">
            <h3>Sessão 1</h3>
            <div>
                <p>Maluco</p>
            </div>
            <h3>Sessão 2</h3>
            <div>
                <p>Doidão</p>
            </div>
        </div>


        <!-- Fim da nav Accordion -->
    </nav>

</body>
</html>
  • Eu já passei por isso, é a referencia de onde está suas imagens, verifique no accordion.css onde ele está buscando os icones e veja se confere com o local onde está suas imagens.

    mariogpr   06 de ago de 2014
  • VALEU!, nem me liguei que poderia estar sendo isso pesquisei um pouco e no .css mudei os caminhos da imagem com um ../ pra voltar 1 diretório e deu tudo certo!

    João   06 de ago de 2014
  • Coloca uma resposta @mariogpr e pede para o @João marca-la como correta!

    Mickdark   06 de ago de 2014
  • Adicionei como resposta, se puder, marca como correta, assim quem tiver o mesmo problema encontra a solução.

    mariogpr   07 de ago de 2014
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags jquery html html5 css css3 javascript web ou faça a sua própria pergunta.