Question

我的hover()无效。当我做click()时，它可以工作：

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

这对我有用，所以tomc的回答对我来说很合适。

Answer 1

我不相信有.on（＆＃39;悬停＆＃39;），它只是.hover

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

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

如果您正在使用动态元素，则应使用on。（＆＃39; mouseenter＆＃39;）和.on（＆＃39; mouseleave＆＃39;）代替。

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

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

Answer 2

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

使用上面的代码就可以解决问题。有关此更多信息，请访问此链接。 Click Here...

click（）有效，hover（）没有

2 个答案: