为什么动画()不能在这个jQuery代码中工作?

时间:2014-06-30 02:39:48

标签: jquery html css web jquery-animate

我一定是想念一些愚蠢的事。我不认为这是一个语法错误,但它可能是我想的。我怀疑是我在CSS中留下了一些阻止它工作的东西,但我不知道是什么。

以下是代码:http://jsfiddle.net/gQUu2/

//html
<body>
    <div class="logo">
        <p>some text</p>
        <div class="logo_effect"></div>
    </div>
</body>


//css
.logo
{
    margin: 50px;
    width: 190px;
}

.logo p
{
    font-family: 'Lobster', cursive;
    font-size: 48px;
    display: inline-block;
    color: red;
}

.logo_effect
{
    width: 100%;
    height: 4px;
    background-color: red;
    display: inline-block;

}

//jquery
$(document).ready(function()
{
    $('.logo').hover(function()
    {
        $(this).fadeTo(100, 0);
    });
}

1 个答案:

答案 0 :(得分:3)

你错过了一个结束语)。以下代码适用于我(当改变你的jsFiddle时):

$(document).ready(function()
{
    $('.logo').hover(function()
    {
        $(this).fadeTo(100, 0);
    });
});