Foros del Web » Programando para Internet » Jquery »

[jquery] Cancelar evento si es clikeado un enlace?

Estas en el tema de [jquery] Cancelar evento si es clikeado un enlace? en el foro de Jquery en Foros del Web. Hola, Tengo el siguiente problema. Tengo un div como este: Código HTML: <div id= "miDiv" > <h1> Titulo </h1> <p> texto </p> <a href= "#" ...
  #1 (permalink)  
Antiguo 20/10/2010, 03:51
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 19 años
Puntos: 15
[jquery] Cancelar evento si es clikeado un enlace?

Hola,

Tengo el siguiente problema.
Tengo un div como este:
Código HTML:
<div id="miDiv">
  <h1>Titulo</h1>
  <p>texto</p>
  <a href="#">enlace</a>
</div> 
luego tiengo la función:
Código:
$('#miDiv').click(function() {
  /* hace algo
});
Esto funciona bien, pero necesitaria que la función no se ejecute cuando pulso el enlace.
O sea: si pulso en miDiv en cualquier lugar que no sea el enlace que se ejecute pero si pulso el enlace que NO se ejecute

gracias
  #2 (permalink)  
Antiguo 20/10/2010, 07:16
 
Fecha de Ingreso: enero-2008
Ubicación: Buenos Aires
Mensajes: 305
Antigüedad: 16 años, 11 meses
Puntos: 14
Respuesta: [jquery] Cancelar evento si es clikeado un enlace?

Código HTML:
Ver original
  1. <div id="miDiv">
  2.     <h1>Titulo</h1>
  3.     <p>texto</p>
  4.     <a href="#">enlace</a>
  5. </div>
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.    
  3.     var enlace = false;
  4.  
  5.     $('#miDiv').click(function() {
  6.  
  7.         if( !enlace ) {
  8.  
  9.             alert('algo');
  10.  
  11.         }
  12.         enlace = false;
  13.                    
  14.     });
  15.  
  16.     $('#miDiv a').click(function() {
  17.        
  18.         enlace = true;
  19.    
  20.     });
  21. });
  #3 (permalink)  
Antiguo 21/10/2010, 00:16
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 19 años
Puntos: 15
Respuesta: [jquery] Cancelar evento si es clikeado un enlace?

Cita:
Iniciado por kokoou Ver Mensaje
Código HTML:
Ver original
  1. <div id="miDiv">
  2.     <h1>Titulo</h1>
  3.     <p>texto</p>
  4.     <a href="#">enlace</a>
  5. </div>
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.    
  3.     var enlace = false;
  4.  
  5.     $('#miDiv').click(function() {
  6.  
  7.         if( !enlace ) {
  8.  
  9.             alert('algo');
  10.  
  11.         }
  12.         enlace = false;
  13.                    
  14.     });
  15.  
  16.     $('#miDiv a').click(function() {
  17.        
  18.         enlace = true;
  19.    
  20.     });
  21. });
gracias kokoou, funcionando!

Etiquetas: enlace, eventos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:15.