jQuery不会在悬停时消失

Question

我有一张桌子,每当有人在一个单元格上盘旋时,我希望它变得不那么透明(不透明度是默认的0.85).这是我的代码:

$(document).ready(function(){

    $("td").hover(function(){

        $(this).fadeTo(700,1);

            },function(){

        $(this).fadeTo(500,0.85);

    }); 
});

编辑:似乎问题可能是当我悬停时没有任何东西被触发,即使我添加alert('hi')到该功能,也没有任何反应

编辑2:如果有人仍然读到这个问题,我相信当我问这个问题时它不起作用的原因是因为我是异步创建td元素而当页面加载时它们不存在.我相信我最终使用的是.on()而不是.hover().此外,褪色到1.0不透明度是期望的效果(它开始于0.85或0.5我忘了).感谢大家

Answer 1

只需使用CSS

td {
    opacity: .85;    
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
td:hover {
    opacity: .5;    
}

演示:http://jsfiddle.net/maniator/bnrWK/