Jquery Hover Opacity，我在这里缺少什么？答案

【问题标题】：Jquery Hover Opacity, what am I missing here?Jquery Hover Opacity，我在这里缺少什么？
【发布时间】：2012-11-21 09:35:07
【问题描述】：

我对我的 jquery 知识有点（更像是非常）生疏。出于某种原因，当绿色框悬停在上面时，我无法弄清楚我在这里缺少什么来使蓝色框消失。

脚本：

 $(document).ready(function() {
    $(".hover-text").hover({
    $(".hover-hide").animate({
        opacity: 0.4,
    }, 500);
    });

html:

 <div class="hover-hide">
    <div class="hover-text">
        BLAH
    </div>
    </div>

CSS：

 .hover-hide{
    width:200px;
    height:200px;
    background-color:blue;
    padding:30px;
    }
    .hover-text{
    color:white;
    background-color:green;
    padding:10px;
    width:auto;
    margin-top:20px;
    }

非常感谢！ :)

【问题讨论】：

标签： jquery hover opacity

【解决方案1】：

.hover的第一个参数是回调函数，应该是$('.hover-text').hover(function(){。小提琴here.

【讨论】：

【解决方案2】：

在.hover 呼叫之后，您错过了function。此外，您在.ready(); 末尾缺少右括号和括号

应该是：

$(document).ready(function() {     

    $(".hover-text").hover( function() {     
        $(".hover-hide").animate({ opacity: 0.4, }, 500);     
    });

});

这是一个小提琴：http://jsfiddle.net/TMZhJ/

【讨论】：