Question

<!doctype html>
<html>
<head>
<title>jQuery install test</title>

<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<script type="text/javascript" src="jquery.min.js"></script>

<style type="text/css"></style>

</head>

<body>

<script>

    if (typeof jQuery != "undefined"){
        alert("jQuery is installed");
    } else {
        alert("jQuery is not installed");
    }

</script>

</body>
</html>

由于某种原因，我无法嵌入jQuery。我将jQuery文件命名为jquery.min.js。我也尝试将src更改为＆＃34; http://ajax.googleapis.com/ajax/libs/jquery/latest/jquery.js＆＃34;但那并没有奏效。我的代码有问题吗？我是编程新手。

Answer 1

尝试使用在加载所有DOM后进行检查的window.onload

window.onload = function() {
    if (window.jQuery) {  
        alert("jQuery is loaded");
    } else {
        alert("jQuery is not loaded");
    }
}

或使用

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

Demo

Answer 2

根据上面的HTML提供检查的事项：

1）JQuery文件必须与您的html文件位于Web应用程序的同一文件夹中（您确定没有放入＆＃34;脚本＆＃34;文件夹 - 如果您＆＃39;我已将其下载到您应用的根目录中，您需要在src属性的前面加上＆＃34; /＆＃34;

2）在浏览器中检查您的控制台 - 看看那里是否有红色的东西

4）在浏览器中，转到代码＆＃34;观看＆＃34; bit（使用chrome这个，最简单的浏览器来做这种事情的IMO，有些人认为不然） - 并添加手表＆＃34; $＆＃34;和＆＃34; jQuery＆＃34; - 看看会发生什么。

3）下载FIDDLER - 这样可以让您确切了解浏览器所要求的内容 - 您可能会看到有关jquery文件请求的404。（它实际上是一个非常好的工具，可以在这个问题之外了解一下 - 特别是如果你是网络开发人员的新手，并且经常会有一段时间不知所措）

FWIW - HTML看起来很好 - 它会在＆＃34; src＆＃34;中成为一条愚蠢的错误路径。或错误拼写文件名。

HTH

为什么不安装jQuery？

2 个答案: