How do I ignore mouse events on child elements in jQuery?

Question

I have an unordered list with mouseover and mouseout events attached to the li elements. Each contains a link and there is a bit of padding in the li. When I mouseover the l

Answer 1

I was looking for the equivelant behavior in JS where in AS3 you can put:

object.mouseenabled = false;

The way I found that works pretty well is to use CSS and put:

.element { pointer-events: none; }

(but I guess that only works if you don't need the element for anything at all. I use it for tooltips that pop up on hover, but don't want it to act weird when you move your mouse away).