Question

I use one jquery for showing tips.
It creates DIV tag inside A tag. For example…

<a href="mypage.html">Title</a>

On hover becomes..

<a href="mypage.html">Title <div class="tooltip">My text....</div></a>

Its working great. But the “My text….” is clickable link (because its inside the A>HREF).
Is there any way to make it not clickable without moving it out from the A tag?

Answer 1

You could attach an handler to your and then check the target that generated the event, if it is the div, just return false

$('a').click(function(e){
   if($(e.target).hasClass('tooltip')){
      return false;
   }
});

fiddle here
http://jsfiddle.net/FfVWv/