Javascript 如何使Jquery事件只执行最近触发的事件

所以我制作了一个导航栏，它几乎可以完美地工作。导航选项卡下方有一个小矩形，该条将位于用户当前悬停的选项卡下方。我遇到的问题是，该条将一次指向每个已悬停在一个选项卡上的选项卡，而不是指向当前悬停在某个选项卡上的选项卡，或者指向以前大部分悬停在该选项卡上的选项卡。如果这不合理，那么检查完整的代码，看看我的意思。谢谢你抽出时间

<div id='backNav'>
    <div id='navBar'>
      <div id='navLoc'></div>
    </div>
    <div id='cont'>
      <ul id='navList'>
        <li id='home' class='navItem'>Home</li>
        <li id='about' class='navItem'>About</li>
        <li id='shop' class='navItem'>Shop</li>
        <li id='blog' class='navItem'>Blog</li>
      </ul>
    </div>
  </div>

---

完整代码：
（由于窗口大小的原因，该条在选项卡下没有正确对齐，但您仍然能理解）

在这种情况下，如果要清除que，请尝试ClearQUE

navLoc.clearQueue().stop();
navLoc.animate({
  left:75
},300 )

在文档中

下面的链接更详细地解释了几种处理que结尾的方法

---

在这种情况下，如果要清除que，请尝试ClearQUE

navLoc.clearQueue().stop();
navLoc.animate({
  left:75
},300 )

在文档中

下面的链接更详细地解释了几种处理que结尾的方法

---

哇，我真没想到会这么简单。谢谢你的帮助！有时问题在于你如何看待它，在老式的javascript世界里，这是一种痛苦。触发器来防止一个函数运行，而另一个函数结束等等。非常欢迎：）哇，我真的没想到它会这么简单。谢谢你的帮助！有时问题在于你如何看待它，在老式的javascript世界里，这是一种痛苦。用于防止一个函数运行而另一个函数结束的触发器等。非常欢迎：）