如何在没有插件的情况下使用.hover（）设置颜色偏移延迟？

Question

我的导航系统上有一个悬停事件，如下所示：

$('#floatingNav a').hover( function() {

  $(this).css({'background-color': '#f00'}),

  $(this).delay(300).css({'background-color': '#c00'})},

  mouseOffFunction() 
}

我只需要将它闪回到＃f00一会儿，然后将其恢复为原生颜色，但它会显示原生颜色而不会转移到＃f00。

我正确使用延迟（）吗？我用不同的方式调整了它，但无法让项目显示两种颜色。

我见过人们引用hoverIntent，但我觉得这可以在没有插件的情况下完成。

建议？

Answer 1

我认为这是因为您的delay()方法无效。 delay()的文档说只有使用效果队列的方法才会被延迟，我假设css()没有。这里还有更多：http://api.jquery.com/delay/。