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
- $('.nextStatusActivator').on('click', function(evt){
-
- var className = $(this).attr(classNamePrefixType);
- if($(this).attr('ctoggled')=="false"){
- $(this).attr('ctoggled',true);
- var thisLevel = $(this).attr(classNameTypeLevel);
- var selection = $(this).siblings('['+classNamePrefixType+'*="'+className+'"]['+classNameTypeLevel+'="'+(parseInt(thisLevel)+1)+'"]');
- $(selection).fadeIn();
- }
- else{
- $(this).attr('ctoggled',"false");
- $(this).siblings('[class*="'+className+'"]').fadeOut();
- $(this).siblings('[class*="'+className+'"]').attr('ctoggled','false');
- $(this).siblings('['+classNamePrefixType+'*="'+className+'"]').fadeOut().attr('ctoggled','false');
- $(this).siblings('.addedTableHead'+'.'+className).fadeOut().attr('ctoggled', 'false');
- };
-
- ptiStatusModule.refreshHeaderCharts();
- evt.stopPropagation();
- console.log(evt.isPropagationStopped());
- });
It returns that the Propagation is stopped. Now when I click a child-div in the row, i want this function to go off
- $('.cclHeaderProgPic').click(function(evt){
- evt.preventDefault();
- console.log('Pressed currend Status');
-
- });
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