javascript stopPropagation（）阻止函數被觸發

Question

我有一個子類body_left_details的子div，它位於父類div body_left_bar中。這兩個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（），並且它工作正常。停止傳播後是否允許外部功能？這會被認爲是冒泡嗎？

在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); 
}​