Question

没有任何脚本标记，HTML和CSS工作正常。添加脚本后，我加载页面没有任何内容。

<!DOCTYPE html>
<html>
    <head>
        <title>E-Chef: Homepage</title>
        <script type="text/javascript" src="jquery-1.5.2.min.js"/>
        <link rel="stylesheet" type="text/css" href="/Users/stephenhjb/Desktop/Html:Css:JQuery/E-Chef/Stylesheets/E-Chef.css"/>
    </head>
    <body>
        <div class=border>
        <h1 class="header big">E-Chef: All your recipes in one place. Online.</h1>
        </div>
        <script type="text/javascript">
            $(document).ready(function(){ 
            $('div').animate({'fontSize+=36'}, 2000, 'linear');
            });
        </script>
    </body>
</html>

这是E-Chef.css文件：

.header {
    font-family: Times New Roman;
    color: #5F9EA0;
    text-align: center;
    background-color: #FF7F50;
    border: 30px dotted #FAEBD7;
    margin: 0 0 0 0;
}
.big {
    font-size: 36px;
}
.border {
    border: 5px solid black;
}

Answer 1

您错过了关闭第一个script代码。

这样做：

<script type="text/javascript" src="jquery-1.5.2.min.js"></script>

编辑：更确切地说，script标签不是自动关闭的，这意味着它们不能像<script..... />那样单独使用。有关详细信息，请参阅此处：https://stackoverflow.com/a/69984/2037924

编辑＃2 ：回答问题的第2部分：您必须从引号（fontSize）中排除'的选项animate函数。此外，您使用了错误的选择器，它实际上是您要增加的h1元素的字体大小，而不是div，所以请更改它像这样：

$('h1').animate({ fontSize: '+=36'}, 2000, 'linear');

来源：http://api.jquery.com/animate/

以下是演示：http://jsfiddle.net/y0xkz4un/1/

我的HTML / CSS / JQuery有问题

1 个答案: