click() works, hover() not

Question

My hover() is not working. When I do click(), it works though:

$( "#testcard" ).on( "hover", 'tbody #thei', 
    function() {
    console.log("in");
  }, function(){
    console.log("out");
  });

This would work for me, so tomc's answer worked just fine for me.

Hover doesn't work when you delegate it like that. – Travis J Oct 16 '15 at 19:02 — Travis J, Oct 16 '15 at 19:02
@TravisJ, how should I delegate then? – AmazingDayToday Oct 16 '15 at 19:07 — AmazingDayToday, Oct 16 '15 at 19:07

tomc · Accepted Answer · 2015-10-16T19:23:48.380

0

I don't believe there is an .on('hover'), it's just .hover

$('tbody #thei').hover(
    function() {
        console.log("in");
    }, function() {
        console.log("out");
    }
);

http://jsfiddle.net/xk34xf8g/1/

If you're working with dynamic elements, you should use on.('mouseenter') and .on('mouseleave') instead.

$("#testcard")
    .on("mouseenter", "tbody #thei", function(event){
        console.log("in");
    })
    .on("mouseleave", "tbody #thei", function(event){
        console.log("out");
});

http://jsfiddle.net/xk34xf8g/2/

edited Oct 16 '15 at 19:23

answered Oct 16 '15 at 19:03

tomc

417
5
17

Nope, didn't work. ( – AmazingDayToday Oct 16 '15 at 19:07
Wrote it incorrectly. See edited answer. Should work now! – tomc Oct 16 '15 at 19:10
Nope. This is where **"thei"** is: `` – AmazingDayToday Oct 16 '15 at 19:14
Didn't seem to work with that version of jquery... Try this link: http://jsfiddle.net/xk34xf8g/1/ – tomc Oct 16 '15 at 19:23
Edited the answer; All of the examples should work – tomc Oct 16 '15 at 19:30
1

second worked. Thanks @tomc! – AmazingDayToday Oct 16 '15 at 19:33

score 0 · Answer 2 · answered Oct 16 '15 at 19:23

0

$("p").hover(function(){
    $(this).css("background-color", "yellow");
    }, function(){
    $(this).css("background-color", "pink");
});

use above code it will solve the problem. For further knowledge about this visit this link. Click Here...

answered Oct 16 '15 at 19:23

Ch Zunair

1
1

click() works, hover() not

2 Answers2