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.