jQuery在第二個懸停事件

Question

在div內觸發第二個懸停事件後可以做些什麼？

例如

<div class="items"> 
    <div class="hover-me"></div> 
    <div class="hover-me"></div> 
    <div class="hover-me"></div> 
</div> 

我該怎麼做東西的時候.hover-me懸停第二次？它應該只檢查在父母.items內部懸停。

Answer 1

商店中的每個元素的數據計數器，並增加它的每個懸停，如果它得到兩個，做你的魔術：

HTML：

<div class="items"> 
    <div class="hover-me" data-hovercount="0"></div> 
    <div class="hover-me" data-hovercount="0"></div> 
    <div class="hover-me" data-hovercount="0"></div> 
</div> 

JS：

$(".hover-me").on('mouseenter', function() { 
    var $this = $(this), $this.data('hovercount', parseInt($this.data('hovercount')) + 1); 
    if ($this.data('hovercount') == 2) { 
     //do something. 
    } 
});