javascript stopPropagation() 阻止函数触发

Question

我有一个类 body_left_details 的子 div，它位于类 body_left_bar 的父 div 中。两个 div 都附加了一个 onclick 事件，但我想防止在单击 body_left_details 时出现 body_left_bar 冒泡。以下是相关代码：

$(function() {
    $('.body_left_bar').click(function() {
        body_right_load('parent');
    })
    $('.body_left_details').click(function(e) {
        e.stopPropagation();
        body_right_load('child');
    })
})
function body_right_load(str) {
    alert(str);
}​

足够简单。但是为什么当我点击body_left_details时，没有调用body_right_load('child')？我在 e.stopPropagation() 之后直接使用 alert() 进行了测试，效果很好。 stopPropagation 后是否不允许使用外部函数？这会被认为是冒泡吗？

在 Chrome 中的 Windows 7 wamp 上进行测试。任何见解都值得赞赏！

编辑：Relevant jsfiddle。单击父 div 将导致警报，但单击“阅读它”不会产生任何结果。

Answer 1

$(function() {
    $('.body_left_bar').on('click', function() {
        body_right_load('parent');
    })
    $('.body_left_details').on('click', function(e) {
        e.stopImmediatePropagation();
        body_right_load('child');
    })
})
function body_right_load(str) {
    alert(str);
}​