悬停不起作用，但点击确实

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');
    });
});