click() работает, hover() не

Мой hover() не работает. Когда я делаю click(), это работает:

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

Это сработало бы для меня, поэтому ответ tomc отлично сработал для меня.


person AmazingDayToday    schedule 16.10.2015    source источник
comment
Hover не работает, когда вы делегируете его таким образом.   -  person Travis J    schedule 16.10.2015
comment
@TravisJ, как мне тогда делегировать полномочия?   -  person AmazingDayToday    schedule 16.10.2015


Ответы (2)


Я не верю, что есть .on('hover'), это просто .hover

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

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

Если вы работаете с динамическими элементами, вместо этого следует использовать on.('mouseenter') и .on('mouseleave').

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

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

person tomc    schedule 16.10.2015
comment
Нет, не сработало. ( - person AmazingDayToday; 16.10.2015
comment
Неправильно написал. Смотрите отредактированный ответ. Должно работать сейчас! - person tomc; 16.10.2015
comment
Неа. Здесь находится thei: <i id="thei" class="fa fa-check-square-o"></i> - person AmazingDayToday; 16.10.2015
comment
Похоже, не работает с этой версией jquery... Попробуйте эту ссылку: jsfiddle.net/xk34xf8g/1 - person tomc; 16.10.2015
comment
Отредактировал ответ; Все примеры должны работать - person tomc; 16.10.2015
comment
второй работал. Спасибо @tomc! - person AmazingDayToday; 16.10.2015

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

используйте приведенный выше код, это решит проблему. Для получения дополнительной информации об этом посетите эту ссылку. Нажмите здесь...

person Ch Zunair    schedule 16.10.2015