Нажмите не уволили за дочерний элемент

Question

демонстрационном http://jsfiddle.net/tsxb8/

$('.parent').on('click', function() { 
    alert(1); 
}); 
$('.child').on('click', function() { 
    alert(2); 
}); 

Мне нужно запустить некоторый код, который прикреплен к дочернему элементу, когда родительский элемент кликнули.

Как я вижу, обработчик щелчков детей не запускается, когда пользователь нажимает на область родителей (более темный серый, alert = 1), который не является частью области childs (светло-серый, alert = 2) ,

Как исправить это?

Answer 1

Trigger щелчок на ребенке явно родительский обработчик:

$('.parent').click(function() { 
    alert(1); 
    $(this).find('.child').click(); 
}); 

$('.child').click(function(e) { 
    e.stopPropagation(); // Prevent bubbling to parent, to avoid loop 
    alert(2); 
}); 

DEMO