jQuery hover，如何激活淡入淡出动画一次，通过2个重叠图像激活悬停

因此，我尝试使用hoverIntent jQuery插件来修复我在使用相同的hover fadeToggle动画覆盖图像时遇到的问题

目前我有一张iPhone的图片，上面有一个聊天泡泡。现在，iPhone和聊天泡泡都可以点击itunes应用商店。此外，当您将鼠标悬停在手机和气泡上时，气泡将设置动画

我的问题发生在翻滚气泡和手机重叠的区域时，如果您将鼠标悬停在气泡上并将鼠标一直移动到手机区域。基本上，气泡动画发生两次，这不是目的。意图是聊天泡泡动画应该只发生一次

我相信hoverIntent会解决我的问题，因为它会等到用户的鼠标停止移动后再激活动画

：

我当前的jQuery

    // My Original Try Me chat bubble animation
    $('.home-content #whoatnet-to-itunes').click(function() {
        window.location = home.itunesLink + this.id;
    }).hover(function(){
        $('.home-content .tryme').find("img:last").fadeToggle();
    });

    // My hoverIntent Test - seems to have made it worst :(
    // See test link above
    $('.home-content #whoatnet-to-itunes').click(function() {
        window.location = home.itunesLink + this.id;
    }).hoverIntent(toggleFade);

    function toggleFade(){$(this).find("img:last").fadeToggle().stop}

---

更新工作代码

---

该错误是由于您将id

#whoatnet用于itunes

的两个元素：

<div class="tryme" id="whoatnet-to-itunes">...</div>
<div class="iphone" id="whoatnet-to-itunes"></div>

---

啊，谢谢！我在那里有相同的id，因为添加了itunes链接？=来自id。现在将向问题添加更新的工作代码

<div class="tryme" id="whoatnet-to-itunes">...</div>
<div class="iphone" id="whoatnet-to-itunes"></div>

$('.home-content .iphone').click(function() {
    window.location = home.itunesLink + this.id;
}).hoverIntent(toggleFade);