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