jquery ready事件不能在html中工作

时间:2015-06-10 00:13:39

标签: javascript jquery html

我是javascript的新手,我不知道为什么这段代码在我的html文档中不起作用。我的文件准备好后,我正试图收到警报。我已经检查过,对我来说,语法似乎正确。该脚本位于我的html文档的顶部。任何帮助表示赞赏!

如果直接调用它会起作用:

<script language="javascript" type="text/javascript">
   $(function(){
       alert("My First Jquery Test");
   });
</script>

但在文档准备好后尝试调用时不起作用:

<script language="javascript" type="text/javascript">
function test1(){
    alert("My First Jquery Test");
}

$(document).ready(function(){
    test1();
});
</script>

3 个答案:

答案 0 :(得分:1)

括号/圆括号问题:

最后一行应为});

如果弹出开启工具(F12大多数浏览器),您可能会在控制台中看到解析错误。

答案 1 :(得分:0)

更改

$(document).ready(function(){
    test1();
)};

$(document).ready(function(){
    test1();
});

答案 2 :(得分:-1)

您需要确保加载了jQuery。否则,

$(document).ready(function(){
    test1();
});

不起作用。如果你添加

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>‌

作为代码的第一行,jQuery将从Google的托管库中加载,您的代码应该可以正常运行。