单击div上的关闭按钮并触发div单击()

Question

我在DIV中有一个关闭按钮,DIV和关闭按钮也有click()附加事件.当我单击关闭按钮时,它也会触发div click()事件.我知道我可以把一个SPAN的DIV中,并附上我的点击事件的跨度,而不是DIV,但有一个方法可以让我保持双方在div点击事件和关闭按钮点击事件,并不会触发格click()当我点击关闭按钮？

<div id="sendFeedback" class="feedback with-round-borders with-padding with-box-shadows">Send us your feedback <span id="closeFeedback" class="ui-icon ui-icon-circle-close" style="float:right"></span></div>
<script>
$(document).ready(function() {
 $("#sendFeedback").click(function() {
   alert('test');
 });
$("#closeFeedback").click(function() {
 $("#sendFeedback").fadeOut();
})
});
</script>

http://jsfiddle.net/t5VPN/1/

Answer 1

添加event.stopPropagation()到<span>click事件处理程序:

$(document).ready(function() {
    $("#sendFeedback").click(function() {
        alert('test');
    });
    $("#closeFeedback").click(function(event) {
        event.stopPropagation();
        $("#sendFeedback").fadeOut();
    })
});

.stopPropagation()将阻止事件冒泡到div(或任何其他祖先):http://api.jquery.com/event.stopPropagation/

这是你的jsfiddle更新:http://jsfiddle.net/jasper/t5VPN/2/