JQuery, sem resposta

Front-end

22/09/2015

Não estou obtendo resposta alguma com o JQuery, não achei o erro, se alguem puder me indicar.


<html>
	<head>
		<title>Alô Mundo JQuery</title>
		<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
		<script type="text/javascript">			
			$(document).ready(function() {
				$('#div1 a.x, #div2 a.x').click(function() {
					alert('Hello World!');
				});
			});
		</script>
	</head>
	
	<body>
		<div id="div1">
			<a href="#" class="x">Clique</a>
			<a href="#" class="x">Clique 2!</a>
			<a href="#">Clique 3!</a>
			
			<span class="x">test</span>
		</div>	
		<div id="div2">
			<a href="#" class="x">Clique 4!</a>
		</div>
		<div id="div3">
			<a href="#" class="x">Clique 5!</a>
		</div>
	</body>
<html>

Marcelo Pastore

Marcelo Pastore

Curtidas 0

Respostas

Jothaz

Jothaz

22/09/2015

Provavelmente a referência:
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
esta errada, pois testei e funcionou.

Exemplo funcional jsfiddle


[img]http://arquivo.devmedia.com.br/forum/imagem/418027-20150922-164334.png[/img]
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

22/09/2015

Pequeno detalhe mesmo! Coisa simples. Obrigado.
GOSTEI 0
Jothaz

Jothaz

22/09/2015

Se você quer realente evoluir e se profissionalizar, seguem duas dicas que pode ajudar.

1-Acostume-se a utilizar o jsfiddle, pois além de se um ótimo ambiente para estudar e efetuar testes, facilita a ajuda colaborativa.

2-Aprenda a utilizar as "Ferramentas do Desenvolvedor" -> F12 ou Menu Contexto (botão direto no mouse na página) e Inspecionar elemento, pois é a ferramenta mais "duca" para auxiliar o desenvolvedor.

[img]http://arquivo.devmedia.com.br/forum/imagem/418027-20150923-153126.png[/img]
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

22/09/2015

Ferramentas do desenvolvedor, existe em todos os navegadores, existe algum de sua preferencia?
GOSTEI 0
William

William

22/09/2015


2-Aprenda a utilizar as "Ferramentas do Desenvolvedor" -> F12 ou Menu Contexto (botão direto no mouse na página) e Inspecionar elemento, pois é a ferramenta mais "duca" para auxiliar o desenvolvedor.


Complementando o Jothaz, utilizo a inspeção de elementos até para degugar requisições AJAX, excelente ferramenta.
GOSTEI 0
Jothaz

Jothaz

22/09/2015

Ferramentas do desenvolvedor, existe em todos os navegadores, existe algum de sua preferencia?


Todos os browser na versões mais recentes tem, claro cada qual com suas especificidades.

Existem alguns complementos, por exemplo para o FireFox, mas com as ferramentas nativas você já tem muito poder.

Requer dedicar um tempo, pois tem uma curva de aprendizagem, mas vale muito a pena.

Atualmente desenvolvo muito pouco, mas não consigo mais desenvolver sem usá-las.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

22/09/2015

Vou tentar manusear essa ferramenta para aprender aos poucos, sem pratica dificulta um pouco.
GOSTEI 0
POSTAR