stopPropagation won't work

stopPropagation won't work

Hey there,

i found topics on this matter before but nothing seems to do the trick with my problem. It's acually quite simple. I have a table. By clicking on the row i want this to fire

  1. $('.nextStatusActivator').on('click', function(evt){

  2. var className = $(this).attr(classNamePrefixType);
  3. if($(this).attr('ctoggled')=="false"){
  4. $(this).attr('ctoggled',true);
  5. var thisLevel = $(this).attr(classNameTypeLevel);
  6. var selection = $(this).siblings('['+classNamePrefixType+'*="'+className+'"]['+classNameTypeLevel+'="'+(parseInt(thisLevel)+1)+'"]');
  7. $(selection).fadeIn();
  8. }
  9. else{
  10. $(this).attr('ctoggled',"false");
  11. $(this).siblings('[class*="'+className+'"]').fadeOut();
  12. $(this).siblings('[class*="'+className+'"]').attr('ctoggled','false');
  13. $(this).siblings('['+classNamePrefixType+'*="'+className+'"]').fadeOut().attr('ctoggled','false');
  14. $(this).siblings('.addedTableHead'+'.'+className).fadeOut().attr('ctoggled', 'false');
  15. };
  16. ptiStatusModule.refreshHeaderCharts();
  17. evt.stopPropagation();
  18. console.log(evt.isPropagationStopped());
  19. });

It returns that the Propagation is stopped. Now when I click a child-div in the row, i want this function to go off

  1. $('.cclHeaderProgPic').click(function(evt){
  2. evt.preventDefault();
  3. console.log('Pressed currend Status');
  4. });
For some reason, the child click, never gets triggered. I always just get the parents function to fire. And when I inspect the element in the browser (chrome and ie as well) it only lists the parent-function under event-listeners. It would be great if anyone had an idea what I'm doing wrong. Thanks in advance and

Greetings Chris