Question

我正在学习jQuery的第一步（我已经熟悉了JavaScript），但我似乎无法将jQuery文件嵌入到我的index.html页面中。我正在学习＆＃34; jQuery＆＃34;如果jQuery嵌入到页面中，则该变量在HTML 中仅在中显示有效，因此我制作了以下代码来测试jQuery是否已链接：

<!doctype html>
<html>
<head>
<title>Learning JavaScript</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="text/javascript" src="jquery.min.js"></script>


</head>


<body>
<script>

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

</script>


</body>
</html>

当然，我想要出现一个警告，说明＆＃34; jQuery已安装！＆＃34;但是我没有安装＆＃34; jQuery没有安装＆＃34;因为else语句而发出警报。换句话说，变量＆＃34; jQuery＆＃34;显示为＆＃34;未定义。＆＃34;从我的代码中可以看出，我链接到我文件夹中的文件，但您也可以链接到jQuery的网址，可在此处找到：http://code.jquery.com/jquery-1.11.2.min.js方式，我无法让它发挥作用。我做错了什么？

Answer 1

确保jquery.min.js与您的index.html位于同一位置 - 您可能已经拥有
我看到您写的<script="text/javascript" src="jquery.min.js"></script>时应该写<script type="text/javascript" src="jquery.min.js"></script>而不是
你也可以尝试直接链接到jquery源，看看是否能解决问题

所以这对你有用：

<!doctype html>
<html>
<head>
    <title>Learning JavaScript</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" />

    <!-- it has to be <script type=""> not <script=""> -->
    <script type="text/javascript" src="jquery.min.js"></script>
    <!-- or you could try this: -->
    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>

</head>


<body>

<script>
    // this should work...
    if (typeof jQuery != 'undefined') {
        alert ('jQuery is installed!');
    } else {
        alert ('jQuery is NOT installed!');
    }

    // but this is more idiomatic:
    // this will run on page load
    $(function () {
        alert('jQuery is installed!');
    });
</script>

</body>
</html>

我无法将jQuery嵌入到我的页面中

1 个答案: