désactiver un event lorsque le sélecteur est wrapper par un autre élément

**kohsaka** · 08/03/2012, 11h44

Bonjour

D'avance excusez moi si cette question a déjà été poser, mais mes recherches n'ont pas été concluantes.

Mon problème est le suivant :

J'ai plusieurs évènements qui se déclenchent sur un sélecteur (par exemple $(".test")), or j'aimerais pouvoir désactiver ces évènements dans le cas ou ce sélecteur est entouré d'un élément précis ($(".testWrapper")).

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div class="test">cliquable</div>
 
<div class="testWrapper">
   <div class="test">non cliquable</div>
</div>

jQuery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
var click = function(){
   console.log("test");
}
 
$(document).ready(function(){
   $(document).on("click.mytest", ".test", click);
});

Code de secoure (mais terriblement moche)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
   $(".testWrapper").mouseover(function(){
	$(document).off(".mytest");
   }).mouseout(function(){
	$(document).on("click.mytest", ".test", click);
   });

Merci.

**SpaceFrog** · 08/03/2012, 11h59

par le parent ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.parent().hassClass('testWrapper')

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$(function(){
$('.test').filter( function(){ return !$(this).parent().hasClass('testWrapper') }).click( function(){ alert( 'je suis clickable') } )
 
   });
</script>
</head>
<body>
<div class="test">cliquable</div>
<div class="testWrapper">
   <div class="test">non cliquable</div>
</div></body>
</html>

**kohsaka** · 08/03/2012, 12h02

En faisant un gros if dans ma fonction ?

c'est bien sûr possible mais je pensais qu'il y aurait une methode plus propre pour procéder.

désactiver un event lorsque le sélecteur est wrapper par un autre élément

jQuery

Vue hybride

Discussions similaires

Partager

Partager