嵌套的jQuery在Chrome和Firefox中單擊事件不同

使用此代碼，Firefox僅在按鈕單擊時發出警報。對於Chrome，這兩個警報都會顯示。嵌套的jQuery在Chrome和Firefox中單擊事件不同

我希望行爲與Chrome中的行爲相同，其中點擊時（由Firefox忽略）會觸發img事件。

注：我的實際代碼更長更實用。我將它提煉成了一小段代碼，以隔離導致我在別處痛苦的根源行爲。

<html> 
    <head> 
     <script src="http://app.essets.com/system/application/js/jquery/jquery.js" type="text/javascript"></script> 
     <script type='text/javascript'> 
      $(document).ready(function() { 
       $('button').click(function(){ 
       alert('button clicked'); 
       }); 
       $('img').click(function(){ 
       alert('img clicked'); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <button type='button'> 
      <img id="1" class="moduleratingstar" src="http://app.essets.com/images/site/transactions.png"> 
      Some text 
     </button> 
    </body> 
</html>

來源

2012-09-04 Clint Brown