javascript - click() 有效,hover() 无效

标签 javascript jquery jquery-hover

我的hover()不管用。当我这样做时click() ,但它有效:

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

这对我有用,所以 tomc 的答案对我来说效果很好。

最佳答案

我不相信有 .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/

关于javascript - click() 有效,hover() 无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33177812/

相关文章:

javascript onclick 函数不起作用

javascript - 在组件的构造函数中或在渲染方法中绑定(bind)方法更好?

javascript - 异步 Promise 在执行之前存储在 JavaScript 中的哪里?

javascript - 文本随动画 jquery 变化

javascript - 从 Web Audio API EQ 的像素值获取频率

jquery - 取消某个页面的功能

javascript - 显示和隐藏选择菜单选项

jquery - 有没有一种简单的方法可以使用 jQuery 淡入 css :hover background?

javascript - Hover()、mouseenter()、mouseover() 等来回跳跃

javascript - 同时在 div 和 mouseout 上使用 hover