jquery - 为什么 animate() 不能在此 jQuery 代码中工作?

标签 jquery html css web jquery-animate

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 8 年前

我一定是遗漏了一些愚蠢的东西。我不认为这是语法错误,但我想可能是。我怀疑我在 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);
    });
}

最佳答案

您缺少右括号 )。以下代码对我有用(在更改您的 jsFiddle 时):

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

关于jquery - 为什么 animate() 不能在此 jQuery 代码中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24482285/

上一篇:jquery - 在 Hover 上通过 CSS 内容方法淡入文本

下一篇:javascript - 重新加载页面而不发布

相关文章:

javascript - Jquery/Bootstrap 3 Slider(移动单个元素)

jquery - 我可以获取 JQuery 在选择过程中选择的各个元素的属性吗?

html - 背景 DIV 元素覆盖所有其他元素 - 如何解决?

html - Angular 动画通知水平堆叠

javascript - Jquery拖放图像但原始/源图像丢失

javascript - 如何以OO方式编写jquery插件

javascript - 表单进度条

html - 滑动悬停链接动画的自动宽度

html - 如何使用 javascript 显示语义 ui 侧边栏?

javascript - 如何自动检测特定 Div 的 scrollTop 位置?