jqueryセレクター：親の問題

jQueryセレクターのためのちょっとした助け..問題は私がクリックすると（ ".x"）、（ ".bigCon"）もトリガーされます。 ".bigcon "）は混乱ビットのため申し訳ありません。）（" 黒"、アラートのonclickのイベントを持っています..：Djqueryセレクター：親の問題

<html> 
<head> 
    <title></title> 
    <script type="text/javascript" src="jquery-1.4.2.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $(".x").click(function(){ 
       $(".evClick").removeClass("evClick").addClass("sample"); 
       $(this).addClass("evClick"); 
      }).mouseover(function(){ 
       $(this).toggleClass("evHover"); 
      }).mouseout(function(){ 
       $(this).toggleClass("evHover"); 
      }); 

      $(".bigCon").click(function(){ 
       alert("black"); 
      }); 
     }); 
    </script> 
    <style> 
     .x { 
      width:100px; 
      height:100px; 
      margin:10px; 
     } 

     .bigCon { 
      background:black; 
      width:240px; 
      height:540px; 
     } 

     .sample {background:red;}    
     .evHover {background:green;}    
     .evClick {background:yellow;} 

    </style> 
</head> 
<body> 
    <div class="bigCon"> 
     <div class="sample x"></div> 
     <div class="sample x"></div> 
     <div class="sample x"></div> 
     <div class="sample x"></div> 
     <div class="sample x"></div> 
    </div>   
</body> 
</html>

出典

2010-12-20 Vincent Dagpin

はevent.stopPropagation()に見て。発火する.x上

$(".x").click(function(e){ 
    e.stopPropagation(); 
    your_click_actions_here(); 
    // etc 
})

Clickイベントを、しかし、バブルアップdiv.bigConのように、要素を囲むにDOMツリーをしません：あなたはこのようにそれを使うだろう。

出典

2010-12-20 06:54:49

ありがとうございます。 –

jqueryセレクター：親の問題

答えて

関連する問題