Javascript 如果单击子div，则父div click函数不会运行

嗨，我的代码中有一个问题

$（文档）.ready（函数（）{
$（document）.on（'click'，'.rohit'，function（）{
警报（“rohit”）；
})
$（文档）.on（'单击'，'.azad'，函数（）{
警报（“azad”）；
})
});
.rohit{
宽度：200px；
高度：100px；
背景：绿色；
}
阿扎德先生{
宽度：100px；
高度：50px；
背景：灰色；
}

你好
你好，阿扎德
您可以使用以避免触发父元素的侦听器：


$（文档）.ready（函数（）{
$（document）.on（'click'，'.rohit'，function（）{
警报（“rohit”）；
})
$（文档）.on（'click'，'.azad'，函数（e）{
e、 停止传播（）；
警报（“azad”）；
})
});
.rohit{宽度：200px；高度：100px；背景：绿色；}
.azad{宽度：100px；高度：50px；背景：灰色；}

你好
你好，阿扎德
您可以使用event
stopPropagation（）
方法。此方法防止事件传播到父级

$(document).ready(function(){

  $(document).on('click','.rohit', function(e){
      alert('rohit');
  })

  $(document).on('click', '.azad',function(e){
      e.stopPropagation()
      alert('azad');

  })
});

这是fiddle链接
您能修复代码中的sintax错误吗？使用stopPropagation，每天都有相同的问题！我知道这一点，但这在Angular JS中不起作用，所以你应该将问题暴露出来，就好像它与angularjs有关一样，你在示例中使用的只是jQuery，angularjs通常有不同的方法。