delegate/on with hover

Question

Possible Duplicate:
Using delegate() with hover()?

I am trying this code, but apparently I am doing something wrong. With this code the hover effect doesn't work.

However something like : $('.group>span').hover (function() { works well but I need to delegate the html() content.

<div class="group">
    <span></span>
</div>

$('.group>span').delegate("hover", "a", function() {
    $(this).html('<a href="#new_list">Some button</a>');
}, function() {
    $(this).empty();
});

Any idea? thanks

I updated [my answer](http://stackoverflow.com/a/10081842/601179). you use the delegate function wrong — gdoron, Apr 10 '12 at 01:20

score 0 · Answer 1 · answered Apr 10 '12 at 01:10

0

hover is just a convenience wrapper around mouseenter and mouseleave. I think you will have to handle each separately.

answered Apr 10 '12 at 01:10

Daniel A. White

187,200
47
362
445

1

While you're right. there are more errors in his code... :) – gdoron Apr 10 '12 at 01:23

score 0 · Accepted Answer · edited May 23 '17 at 12:02

0

The number of arguments you pass to the delegate is invalid. You pass 4 while it should take only 3.

.delegate( selector, eventType, handler(eventObject) ) is the function signature.
And the order of the parameters in your code is wrong! you swapped the selector and the event type

You wrote this:

$('.group>span').delegate ("hover", "a", function() {

While it should be in this order:

$('.group>span').delegate ("a", "hover", function() {

Anyway you can use delegate for hover this way :

$('.group>span').delegate("a", "mouseenter", function() {
    $(this).html('<a href="#new_list">Some button</a>');
});

$('.group>span').delegate("a", "mouseleave", function() {
    $(this).empty();
});

LIVE DEMO
You can see another way to go in this question:
Using delegate() with hover()?

edited May 23 '17 at 12:02

Community

1
1

answered Apr 10 '12 at 01:10

gdoron

147,333
58
291
367

http://jsfiddle.net/NSYWG/ -> something wrong? – daniel__ Apr 10 '12 at 01:33
@loops. Yes... Updated your fiddle. [here](http://jsfiddle.net/NSYWG/1/) – gdoron Apr 10 '12 at 01:38
**@Downvoter please explain your actions!!!** – gdoron Apr 10 '12 at 20:21

delegate/on with hover

2 Answers2