Javascript jquery就绪事件在html中不起作用
我是javascript新手,我不知道为什么这段代码在我的html文档中不起作用。我正在尝试在文档准备就绪后获取警报。我检查过了,我觉得它在语法上是正确的。脚本位于我的html文档的顶部。感谢您的帮助 如果像这样直接调用它,它就会工作:Javascript jquery就绪事件在html中不起作用,javascript,jquery,html,Javascript,Jquery,Html,我是javascript新手,我不知道为什么这段代码在我的html文档中不起作用。我正在尝试在文档准备就绪后获取警报。我检查过了,我觉得它在语法上是正确的。脚本位于我的html文档的顶部。感谢您的帮助 如果像这样直接调用它,它就会工作: <script language="javascript" type="text/javascript"> $(function(){ alert("My First Jquery Test"); }); </scri
<script language="javascript" type="text/javascript">
$(function(){
alert("My First Jquery Test");
});
</script>
$(函数(){
警报(“我的第一个Jquery测试”);
});
但在文档准备就绪后尝试调用时不起作用:
<script language="javascript" type="text/javascript">
function test1(){
alert("My First Jquery Test");
}
$(document).ready(function(){
test1();
});
</script>
函数test1(){
警报(“我的第一个Jquery测试”);
}
$(文档).ready(函数(){
test1();
});
括号/括号问题:
最后一行应为})代码>
如果弹出打开开发工具(F12大多数浏览器),您可能会在控制台中看到解析错误。更改
$(document).ready(function(){
test1();
)};
到
您需要确保jQuery已加载。否则,
$(document).ready(function(){
test1();
});
这是行不通的。如果你加上
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
作为代码的第一行,jQuery将从Google托管的库中加载,您的代码应该可以正常工作。尝试在示例代码的最后一行颠倒顺序(和})。应该是});我这样做了,但仍然不起作用。不知道为什么。那么我猜你的问题是jQuery没有被加载。将
添加为第一行,然后重试。您在控制台中看到任何错误吗?@userbd可能过于简化了。。。。quanuw API从1.x到最新的2.x有相当数量的更改。如果你刚刚开始,你应该使用最新的版本。我做了编辑,但仍然不起作用。没有出现警报。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>