Entrar Ainda não tem acesso?
4
respostas

Estou com o mesmo problema jquery não esta funcionando , já tentei de vários jeitos inclusive os atalhos descrito aqui

Referente ao curso Bootstrap: criação de uma single-page responsiva, no capítulo Começando a implementar o site seguindo o layout e atividade Fazendo a seção Sobre Nós

por Flavio Donizete Pimenta
| 48.2k xp | 7 posts
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="bootstrap\css\bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-sacale= 1">
</head>
<body>

<div class="container"> 
   <h2>Sobre nós</h2>
   <img class="img-responsive" src="img/empresa.jpg">

   <h2 data-toggle="collapse" data_target="#primeiro-paragrafo">Desde 1935</h2>
   <p id="primeiro-paragrafo" class="collapse in">A TopCasaFina Arquitetura esta no mercado desde 1935 trazendo uma série de projeto de qualidade para seus clientes e mudando suas vidas para sempre. Nossa empresa construiu o Pálacio Díonisio para Don Pedro IX que ninguém nunca ouviu falar.</p>

   <h2 data-toggle="collapse" data_target="#segundo-paragrafo">Preço acessíveis</h2>
   <p id="segundo-paragrafo" class="collapse">A TopCasaFina Arquitetura .</p>

   <h2 data-toggle="collapse" data_target="#terceiro-paragrafo">A alegria em colaborar com um mundo mais bonito</h2>
   <p id="terceiro-paragrafo" class="collapse">Nossa empresa construiu o Pálacio Díonisio para Don Pedro IX que ninguém nunca ouviu falar.</p>
  </div>

<script src="jquery.js"> </script>
<script src="bootstrap/js/bootstrap.min.js"></script>

</body>

</html>
4 respostas
por Mario Souto
| 377.3k xp | 735 posts
Alura Scuba Team Instrutor e Desenvolvedor

Fala Flavio, tudo bom? Você esta importando o jquery como se ele estivesse na mesma pasta do seu arquivo html, essa é a localização do arquivo no seu projeto? 

<script src="jquery.js"> </script>
por Flavio Donizete Pimenta
| 48.2k xp | 7 posts

Ola, Mário. Sim, esta na pasta principal, junto com o arquivo html

por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi Flávio vamos por parte, primeiro vamos verificar algumas questões:

Baixe exatamente as versões do Boostrap utilizadas no curso de modo a mantermos uma paridade visual com o curso.

Feito isso coloque as pastas descompactadas do css e js no mesmo diretório onde se encontra seu index.html

  • Elimine o diretório bootstrap (apenas pra reduzir o caminho) e atualize sua tag link para ficar assim:

<meta name="viewport" content="width=device-width, initial-sacale= 1">
<link rel="stylesheet" type="text/css" href="css\bootstrap.min.css">

Verifique se seu caminho tem mesmo uma pasta css e se os nomes de arquivos importados na tag link estão certos identicos ao da tag link.

*O Bootstrap precisa do Jquery pra funcionar logo você deve baixar o Jquery e colocar ele na pasta js. Reparei que você importou ele da seguinte forma:

Isso seria se ele tivesse no mesmo local do seu index.html provavelmente ele não está.Coloque ele junto do bootstrap.js ou bootstrap.min.js e altere a importação do script para 

<script type="text/javascript" src="js/jquery.min.js"> </script>
<script type="text/javascript" src="js/bootstrap.js"> </script>

Obs:. Os arquivos .min.js servem e você pode eliminar essa pasta bootstrap pra facilicar e deixar só a pasta css e a pasta js.Bom checando isso tenho certeza que vá funcionar.

Espero ter ajudado bons estudos.

por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi Flávio ainda restou alguma dúvida a respeito desse tópico ou já foi solucionado ?