Question

I have a problem writing an if statement, due to my lack of programing skills.

there’s the code :

   $("div.footerMenu li div.onScreen").click( 
  function(e) { e.stopPropagation(); e.preventDefault(); return false; } 
);

Inside this div I have simple <a></a> links. And the problem is, when i click on that link, nothing happens. I’m trying to make a function, that would not execute that function(e) if the target of .click would be an <a></a> tag. Is there a simple way to do that?

Answer 1

You problem is that because you’re link is inside the div, your code is blocking the click event, hence why nothing happens. You could try this:

$("div.footerMenu li div.onScreen").click(function(e) { 
    if(e.target.tagName.toLowerCase() != 'a') {
        e.stopPropagation(); 
        e.preventDefault(); 
        return false; 
    }
});

I’m using .toLowerCase() because I’m not 100% the tagName will always be uppercase in all browsers. Just a sanity check.