Jquery .Click s'applique à tous les sous-divs?

Question

HTML:

<div id="lowerLayer"> 
    <div id="positionLayer"> 
     <div id="imageLayer"> 
      <div id="imageHolder" style="background-image: url('/Images/Loading/ajax-loader.gif');"> 

      </div> 
     </div> 
    </div> 
</div> 

CSS:

#lowerLayer 
{ 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: Green; 
    cursor: help; 
} 
#positionLayer 
{ 
    position: relative; 
    margin-top: 80px; 
    width: 100%; 
    background-color: Red; 
} 
#imageLayer 
{ 
    position: relative; 
    width: 450px; 
    height: 400px; 
    margin: auto; 
    background-color: Blue; 
    background-image: url('../Images/Large-image-holder.png'); 
} 
#imageHolder 
{ 
    position: absolute; 
    left: 25px; 
    top: 25px; 
    width: 400px; 
    height: 300px; 
    line-height: 300px; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-color: Aqua; 
} 

JQuery:

$(document).ready(function() { 
     $("#lowerLayer").click(function() { 
      $(this).fadeTo("fast", 0, function() { 
       $(this).hide(0); 
      }); 
     }); 
    }); 
}); 

Edit:

le problème im nous avoir que l'événement click semble être appliqué à tous sub divs je veux juste qu'il s'applique à "#lowerLayer"

Answer 1

Je pense cela va résoudre votre problème:

$(document).ready(function() { 
     $("#lowerLayer").click(function(e) { 

      // Return if it's a child that's clicked: 
      if (e.target !== this) {return;} 

      // Otherwise continue: 
      $(this).fadeTo("fast", 0, function() { 
       $(this).hide(0); 
      }); 

     }); 
    }); 
}); 

Answer 2

Laissant la délégation d'événement et bouillonnant de côté, puisque je ne pense pas que ce soit pertinent au problème réel ici. La méthode jQuery hide() applique display: none aux styles d'un élément. Si un élément n'est pas affiché, aucun de ses descendants ne l'est non plus. De même, fadeTo() réduit l'opacité, ce qui a également un effet sur les descendants d'un élément.