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

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 上尝试这个时，它可以工作，但我的页面设置并没有太大的不同。为什么它会在点击而不是悬停时起作用，然后触发器是悬停？

score 4 · Accepted Answer

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

score 0 · Accepted Answer

尝试这个..

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

2 回答 2