Meu Jquery não funciona
Estou tendo um problema onde o jquery não reconhece o click no meu elemento:
HTML
<!DOCTYPE html>
<html>
<head>
<title>box</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" href="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript" href="js/action.js"></script>
</head>
<body>
<div class="box">
<section class="boxheader">
<div>5 motivos para estudar no graduarte <i class="fa fa-sort-desc" aria-hidden="true"></i></div>
</section>
<div class="boxcontent">
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i> + de 200 opções de cursos totalmente EAD;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Material didático de qualidade disponibilizado online;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Certificado emitido por instituições credenciadas no MEC;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> O melhor preço do Brasil, mensalidades a partir de R$98,00;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Curso disponível online 24 horas por dia.Crie sua própria rotina de estudos.</li>
</ul>
<strong>Gostou? Então selecione a modalidade abaixo, escolha seu curso e matricule-se!</strong>
<div class="btn"><a href="http://graduarte.com.br/pos-graduacao/educacao">Pós-graduação</a></div>
<div class="btn"><a href="http://graduarte.com.br/segunda-graduacao">Segunda graduação</a></div>
<div class="btn"><a href="http://graduarte.com.br/obtencao-de-novo-titulo.php">Obt. de Novo Título</a></div>
<div class="btn"><a href="http://graduarte.com.br/cursos-de-extensao">Extensão</a></div>
</div>
</div>
</body>
</html>
JavaScript
$(document).ready(function () {
$(".boxheader").click(function(){
alert("Hello, World.");
});
});
HTML
<!DOCTYPE html>
<html>
<head>
<title>box</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" href="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript" href="js/action.js"></script>
</head>
<body>
<div class="box">
<section class="boxheader">
<div>5 motivos para estudar no graduarte <i class="fa fa-sort-desc" aria-hidden="true"></i></div>
</section>
<div class="boxcontent">
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i> + de 200 opções de cursos totalmente EAD;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Material didático de qualidade disponibilizado online;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Certificado emitido por instituições credenciadas no MEC;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> O melhor preço do Brasil, mensalidades a partir de R$98,00;</li>
<li><i class="fa fa-check" aria-hidden="true"></i> Curso disponível online 24 horas por dia.Crie sua própria rotina de estudos.</li>
</ul>
<strong>Gostou? Então selecione a modalidade abaixo, escolha seu curso e matricule-se!</strong>
<div class="btn"><a href="http://graduarte.com.br/pos-graduacao/educacao">Pós-graduação</a></div>
<div class="btn"><a href="http://graduarte.com.br/segunda-graduacao">Segunda graduação</a></div>
<div class="btn"><a href="http://graduarte.com.br/obtencao-de-novo-titulo.php">Obt. de Novo Título</a></div>
<div class="btn"><a href="http://graduarte.com.br/cursos-de-extensao">Extensão</a></div>
</div>
</div>
</body>
</html>
JavaScript
$(document).ready(function () {
$(".boxheader").click(function(){
alert("Hello, World.");
});
});
Daniel
Curtidas 0
Melhor post
Marcelo Santana
14/09/2016
Bom dia, Daniel. Está acontecendo isso só por um detalhe.. Você utilizou "href" para setar o endereço do script, quando deveria ter utilizado "src".
Abraço..
Abraço..
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script> <script type="text/javascript" src="js/action.js"></script>
GOSTEI 1