懸停不起作用，但點擊確實

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小提琴上嘗試這個功能時，它可以工作，但是我的頁面設置的方式不同。爲什麼它會在點擊時起作用，而不是在懸停時，然後當觸發器懸停時？

Answer 1

試試這個..

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

Answer 2

我有同樣的問題。事實證明，我以前一直在使用Chrome的開發工具來模擬觸摸屏，並將其與懸停事件結合在一起。