悬停不起作用，但单击起作用

Question

更新：仅在 Chrome 上损坏，Safari 似乎可以正常工作。也许这是我的明星的东西。

我的 HTML 看起来像这样

  <div class="star"></div>
  <div class="star"></div>
  <div class="star"></div>
  <div class="star"></div>
  <div class="star"></div>

我想在悬停时触发一个事件。所以我有如下代码：

$(document).ready(function(){ 
  $('.star').each(function(){
    $(this).hover(function(){
      console.log('hover');
    });
  });
});

我什至试过这个：

 $(".star").hover(function(){ 
    console.log("hover triggered"); 
  });

我尝试了此代码的多种变体，但均未成功。悬停代码仅在我单击星标时有效，但在我悬停时无效。请帮忙，因为我真的不知道为什么这不起作用。当我在 JS Fiddle 上尝试这个时，它可以工作，但我的页面设置并没有太大的不同。为什么它会在点击而不是悬停时起作用，然后触发器是悬停？

Answer 1

我遇到了同样的问题。原来我之前一直在使用 Chrome 的开发者工具来模拟触摸屏，这与悬停事件搞砸了。

Answer 2

试试这个..

$(function(){ 
    $('.star').hover(function(){
        console.log('hover');
    });
});