2015-06-10 122 views
-1

我是JavaScript新手,我不知道为什么这段代码不能在我的html文档中工作。我正准备在文档准备就绪后收到提醒。我已经检查过,它对我来说在语法上似乎是正确的。该脚本位于我的html文档的顶部。任何帮助表示赞赏!jquery ready event not in 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> 
+6

尝试颠倒示例代码最后一行中的)和}的顺序。它应该是 }); – userbd

+0

我做到了,它仍然无法正常工作。不知道为什么。 – quanuw

+0

然后我猜你的问题是jQuery没有被加载。作为第一行添加'',然后尝试。 – userbd

回答

-1

你需要确保jQuery是加载。否则,

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

将无法​​正常工作。如果您添加

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

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

1

支架/括号问题:

最后一行应该是});

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

0

变化

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

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

我做了编辑,它仍然无法正常工作。没有警报显示出来。 – quanuw