我有一个包含许多组件的元素。让我们称之为元素框。现在在盒子里面我有很多不同的元素、图片、文本和按钮。
示例: http: //jsfiddle.net/roman_khrystynych /FSCRH/
HTML:
<div id="container">
<div class="box">
<div class="button">Click</div>
</div>
</div>
jQuery:
$('#container').on("click", ".box", function(){
alert('box'); //only when anything in box except button
});
$('#container').on("click", ".button", function(){
alert('button'); //only when button clicked
});
问题是单击按钮时,框元素也会激活其操作。本质上,我希望它是一个例外,如果我单击按钮,则不会发生常规框操作,而是会发生按钮操作。有什么建议么?