使用jQuery计算悬停时间

我是JavaScript新手。我想数一数鼠标在某个单词上停留了多少次。我尝试了这里显示的代码，但显然我做的不对

例如：

<div>
<p>The quick <a class="link1" style="color:#ff0000;">brown</a> fox
   jumps over the <a class="link2" style="color:#ff0000;">lazy</a> 
   <a class="link3" style="color:#ff0000;">dog</a>.</p>
</div>

---

我用

link2

和

link3

对“lazy”和“dog”重复这一点，但它不起作用。有人能帮忙吗？

那是因为您使用的是

jquery

，而不是

jquery

或

$

---

请注意，

Q

是capital

这是因为您使用的是

jquery

，而不是

jquery

或

$

---

请注意，

Q

是您需要解决的资本问题：

• 确保使用

  jQuery

  或

  $

• 确保在jQuery加载函数中（或者在实际会被调用的某个地方）连接您的
• 确保您初始化了数据计数，或者在第一次获得该计数时检查未定义
• 可以用逗号组合所有选择器

我修复了这些问题，并将结果粘贴到下面：

JSFiddle:

HTML

<p>The quick <a class="link1" data-count="0">brown</a> fox jumps over the <a class="link2" data-count="0">lazy</a>
    <a class="link3" data-count="0">dog</a>.
</p>

---

祝你好运

您需要解决的问题：

• 确保使用

  jQuery

  或

  $

• 确保在jQuery加载函数中（或者在实际会被调用的某个地方）连接您的
• 确保您初始化了数据计数，或者在第一次获得该计数时检查未定义
• 可以用逗号组合所有选择器

我修复了这些问题，并将结果粘贴到下面：

JSFiddle:

HTML

<p>The quick <a class="link1" data-count="0">brown</a> fox jumps over the <a class="link2" data-count="0">lazy</a>
    <a class="link3" data-count="0">dog</a>.
</p>

---

祝你好运

问题是，您的锚元素没有任何

数据计数

，这将在悬停时导致错误。添加该属性，它将正常工作

<div>
    <p>The quick <a class="link1" data-count="0" style="color:#ff0000;">brown</a> fox jumps over the <a class="link2" data-count="0" style="color:#ff0000;">lazy</a> 
        <a class="link3" data-count="0" style="color:#ff0000;">dog</a>.</p>
</div>

---

问题是，您的锚元素没有任何

数据计数，这将在悬停时导致错误。添加该属性，它将正常工作

<div>
    <p>The quick <a class="link1" data-count="0" style="color:#ff0000;">brown</a> fox jumps over the <a class="link2" data-count="0" style="color:#ff0000;">lazy</a> 
        <a class="link3" data-count="0" style="color:#ff0000;">dog</a>.</p>
</div>


$('.link1').mouseover(function () {
    var $this = $(this);
    var count = parseInt($this.data('count'), 10) + 1;
    $this.data('count', count);
    alert($this.data('count'));
});