Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

henriquerick

Problema com JQuery

Por , em Javascript

Recommended Posts

henriquerick    0

henriquerick
Postado

Estou trabalhando com eventos mouseenter e mouseleave no JQuery 1.8.0, mas encontrei um problema. Quando eu duplico as divs, deixando com a mesma classe e id o evento não funciona nessas divs. Alguém teria uma solucao?

 

index.php

<html>
<head>
	<title>Trabalhando com eventos - Tip simples</title>
	<style type="text/css">
		.tip{
			background-color:#ffcc99;
			padding:10px;
			display:none;
			position:absolute;
		}
	</style>
	<!--<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
	<script language="javascript" type="text/javascript" src="js/funcoes2.js"></script>-->
	<script language="javascript" type="text/javascript" src="http://justzoa.com/wp-content/themes/patoshiro/jquery.js"></script>
	<script>
		$(document).ready(function(){
			$("#elemento1").mouseenter(function(e){
				$("#tip1").css("left",e.pageX);
				$("#tip1").css("top",e.pageY);
				$("#tip1").css("display","block");
			});
			$("#elemento1").mouseleave(function(e){
				$("#tip1").css("display","none");
			});

			$("#elemento2").mouseenter(function(e){
				$("#tip2").css("left",e.pageX);
				$("#tip2").css("top",e.pageY);
				$("#tip2").css("display","block");
			});
			$("#elemento2").mouseleave(function(e){
				$("#tip2").css("display","none");
			});
		});
	</script>
</head>
	<body>
		<h1>Trabalhando com eventos em jQuery</h1>

			<div id="elemento1" style="background-color:#ccccff;padding:5px;">Passe o mouse por cima deste "elemento1"</div>
			<p>
				Este texto é para colocar <a id="elemento2" href="#">outro elemento com tip</a>.
			</p>

			<div class="tip" id="tip1">Isto é para expicar algo sobre o elemento1</div>
			<div class="tip" id="tip2">Explico melhor este outro elemento com tip!!</div>
	</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

use classes, e então use o objeto this. Leia:

 

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito