我的jquery代码不能在任何浏览器中运行

时间:2014-12-07 10:00:39

标签: javascript php jquery html document-ready

我的jquery无法在任何浏览器中工作我在网上提到了很多答案,因为它没有帮助我.. !!

这是我的代码 在我尝试过的索引文件中 (index.html)和(index.php)

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jquery</title>
</head>
<body>
<div id="message" style="display:none;"> Welcome to my site</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fade.js"></script>

</body>
</html>

javascript文件位于js文件夹中。

fade.js代码是: -

$(document).ready(function() {
$('#message').fadeIn('slow'); 
});

和jquery代码是我从jquery网站下载的 我尝试了生产版本1和2 以及

等其他来源链接
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

也是一些用户使用的jquery源链接。 我也尝试将脚本代码移到标签上方。 但不管它是什么,我试着不在任何浏览器中工作。

请帮帮我们...... !!

3 个答案:

答案 0 :(得分:3)

fucntion应为function&amp;在脚本之前加载jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
$(document).ready(function() {
                  /*^^^^^^*/
    $('#message').fadeIn('slow');
});

答案 1 :(得分:1)

你必须先加载jQuery ,然后尝试调用它提供的函数。交换脚本标记的顺序。

然后查看您的JavaScript错误控制台。抱怨您function fucntion拼写错误{。}}。

答案 2 :(得分:0)

只需复制/粘贴此内容:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jquery</title>


<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(document).ready(function() {
$('#message').fadeIn('slow'); 
});
</script>
</head>

<body>

<div id="message" style="display:none;"> Welcome to my site</div>

</body>
</html>