ansaurus

Question

jQuery: what if I don't have mouseleave function ?

Answer 1

A:

jQuery (since 1.0) has had the hover event to handle exactly this scenario. In addition, mouseleave has been in jQuery since 1.0 as well.

tvanfosson 2010-05-31 14:28:30

with mouseleave I get function doesn't exist - mouseout works perfectly

Patrick 2010-05-31 14:38:06

@Patrick - I just confirmed (via http://ajax.googleapis.com/ajax/libs/jquery/1.2/jquery.js) that mouseleave is in 1.2, as is hover. Are you sure it isn't an even earlier version you have?

tvanfosson 2010-05-31 14:42:56

jQuery 1.2.6 - New Wave Javascript. I get respectively "mouseleave is not a function" and if I use .hover() I get "g is undefined"

Patrick 2010-05-31 15:27:08

@Patrick - is it possible that you've defined mouseleave elsewhere and it's conflicting with the function definition? You obviously have hover() defined and the definition of hover uses mouseleave so I don't see how it's possible that you don't have it defined unless you've edited your jQuery and have introduced a syntax error that keeps it from being defined. Try using 1.2.6 from Google Code and see if that works (link above).

tvanfosson 2010-05-31 15:37:32

ok, you convinced me it is there. I dunno what's going on, I'm just using Drupal CMS which has 1.2.6 by default and i haven't hacked the code

Patrick 2010-05-31 16:00:45

any tip to fix this ?

Patrick 2010-05-31 16:35:37

ok hover worked. the strange error was because I didn't implement it correctly with 2 functions inside, instead of 1.... terrible to debug. Lost all day.

Patrick 2010-05-31 18:10:54

Answer 2

+1 A:

You can test which element is the target, and act depending on what that element is. In the below example the span is a child of the anchor, but if the span is mousovered the second alert fires.

<a href="#">Blah blah <span>hehehhehe</span></a>

$("a").mouseover(function(e) {
    if(e.target == this) {
        alert('mouseover is on the anchor, do something special');   
    } else {
        alert('got a ' + e.target.tagName + ' and not a ' + this.tagName);
    }
});

Try it here: http://jsfiddle.net/ss2F2/1/

karim79 2010-05-31 14:29:03

so, your answer is not solving my issue right ? I actually need when it is on a children element .. should I use something like e.target == this.children() ? thanks

Patrick 2010-05-31 14:43:51

@Patrick - it's hard to say, I don't know exactly what you mean from the question. If you could show your markup structure and provide a bit more context it will be more clear to me.

karim79 2010-05-31 14:57:14

ok, i've added some structure to the question. Basically the popup menu is disappearing now when I move the mouse out from a children. Instead it should disappear only when I move it out from the parent (and I'm really outside the element).

Patrick 2010-05-31 15:11:43

ansaurus

tags:

views:

answers:

jQuery: what if I don't have mouseleave function ?

related questions