Webkit 浏览器中的 jQuery fadeTo 延迟

Question

我已经在菜单上实现了我认为相当简单的脚本。它在 Firefox 和 IE 中工作，但在 Chrome 和 Safari 中，有大约半秒的延迟。它所做的就是将不透明度设置为 60%，然后在悬停时设置为 100%。代码如下:

    $(document).ready(function() {
        $(".NavMenu a").fadeTo('200', 0.6);
        $(".NavMenu a").hover(function() {
            $(this).fadeTo('200', 1.0);
        }, function() {
            $(this).fadeTo('200', 0.6); 
        });
    });

还有其他人经历过这种情况，或者知道解决方法吗？我在 Webkit 浏览器中测试了其他网站，fadeTo 效果看起来不错。

感谢您的宝贵时间。

帕特里克

Answer 1

我认为你的解决方案是尝试使用 animate() 而不是 fadeTo() ，如下所示: http://jsbin.com/aluyi4/5/edit另请注意，您应该使用 css 设置初始不透明度。