文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery fadeOut函数将不起作用

问jquery fadeOut函数将不起作用
EN

Stack Overflow用户

提问于 2013-06-29 00:43:56

回答 1查看 109关注 0票数 0

在这里写我的第一段代码，所以请容忍我的无能。我正在写一个简单的一页捕梦器应用程序，我希望顶部的文字慢慢淡出一旦页面加载。我想我写的一切都是正确的，但是当我加载页面时，文本不会褪色。

HTML：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>DreamCatcher</title>
        <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
        <p class="heading">Your Personal <span>Digital<span> Dreamcatcher</p>
        <img src="http://www.eastofthesun.com/pi7/images/dreamcatcher21.gif" class="pic">
    </body>
</html>

JavaScript：

$(document).ready(function() {
    $('.heading').fadeOut(2500);
});

CSS(可能无关紧要)：

@font-face{
    font-family:"Beowulf";
    src:url('C:/Users/JGSACKIN/Documents/Fonts/BEOWULF_.eot');
    src:local('BEOWULF_'), url('C:/Users/JGSACKIN/Documents/Fonts/BEOWULF_.ttf') format(truetype), url('C:/Users/JGSACKIN/Documents/Fonts/BEOWULF_.svg') format(svg);
}

.heading{
    font-family: Beowulf;
    text-align: center;
    font-size:50px;
    -webkit-opacity:1;
    opacity:1;
    -webkit-transition: all 3s ease;
    transition: all 3s ease;
}

.pic{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:25%;
    height:25%;
}

我在哪里搞砸了？

jquery-ui

jquery

html

回答 1

Stack Overflow用户

发布于 2013-06-29 00:48:47

首先，我不明白您在哪里引用了jQuery，所以让我们添加这一点。将此行添加到当前<script>标记的上方：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

您的jQuery DOM就绪函数也应该在<script>标记中：

<script>
    $(document).ready(function() {
        $('.heading').fadeOut(2500);
    });
</script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17369706

复制

相似问题

问jquery fadeOut函数将不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery fadeOut函数将不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery fadeOut函数将不起作用
EN