jquery代码无法在我的项目上运行

时间:2015-07-21 05:07:47

标签: javascript jquery

这是我的jsfiddle链接http://jsfiddle.net/SUBnz/1/,它在jsfiddle网站上运行,但无法在我的项目上运行。它没有显示任何内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
    <script src="jquery-1.11.3.min.js"></script>
    <style type="text/css">
#overlay{
    display:none;
    background:red;
}
    </style>
    <script type="text/javascript">
$(document).ready(function(){
$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast');
});
</script>
</head>


<body>
    <div id ="overlay">Hello</div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

我已根据您的代码更新了我的答案,请在下方查看。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <style type="text/css">
#overlay{
    display:none;
    background:red;
}
    </style>
    <script type="text/javascript">
$(document).ready(function(){
$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast');
});
</script>
</head>


<body>
    <div id ="overlay">Hello</div>
</body>
</html>