无法在我的javascript代码中嵌入jquery

时间:2017-04-27 10:19:31

标签: javascript jquery html

我搜索了很多,无法找到解决我这个相当简单问题的方法。

我无法在我的javascript代码中嵌入jQuery。我从http://jquery.com/download/下载了最新版本的jquery,并下载了压缩的生产版本3.2.1。然后,我将文件保存在我的本地(与HTML文件位于同一文件夹中),并在我的代码中引用它,如下所示:

<!DOCTYPE html>
<html>
<head>
   <title>Learning jQuery</title>
   <script type="text/javascript"  src="jquery.min.js"></script>
</head>
<body>
   <script>
      if(typeof jQuery != "undefined" ){
         alert("jquery is installed");
      }else{
         alert("jquery not installed");
      }
   </script>
</body>
</html>

每次我在浏览器上执行此操作时,它总是弹出&#34;未安装jQuery&#34;而不是&#34; jquery已安装&#34;。

任何人都可以帮忙,并指出我在这里做错了什么。提前谢谢。

Folder Structure

2 个答案:

答案 0 :(得分:1)

对我来说工作正常https://jsfiddle.net/ajLrj0Lg/

您的jquery.min.js文件:

  • 有不同的名字。
  • 它在错误的文件夹中。
  • 已损坏

只需检查网页控制台(在Chrome或Firefox中按F12)即可查看错误。

请注意,linux检查文件是区分大小写的。

答案 1 :(得分:0)

尝试将您的JS代码放在onload函数中。

window.onload = function() {
     if(typeof jQuery != "undefined" ){
         alert("jquery is installed");
     }
     else{
         alert("jquery not installed");
     }
 }

这将确保加载所有DOM元素。