Question

我第一次尝试使用jQuery，我手工编写它。但是我的jQuery代码根本不起作用......这就是我的设置：

的index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="mainCSS.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="mainJQuery.js"></script>
</head>
    <body>
    <div class="test"> </div>
</body>
</html>

mainCSS.css

.test {
    background-color:#FF0004;
    border-radius:25px;
    display:block;
    height:500px;
    width:500px;
}

mainJQuery.js

// JavaScript Document

$(document).ready(function() {
    $('.test').click(function() {
        $('.test').fadeOut('slow');
    });
});

Answer 1

只是声明记录：

为了使您的jQuery代码正常工作，您需要链接到HTML中的jQuery库。

如果您在第一步中遵循不包含此内容的教程，则应该找到另一个要遵循的教程。如果你因为你没有按照教程的第一步来解决这个问题，你应该在回到StackOverflow之前仔细阅读，否则就有可能得到一些严重的downvotes。

在HTML页面中包含jQuery的两种最常见的方法是：

1）下载库，并链接到本地副本。在<head>部分：

<script type="text/javascript" src="/url/path/to/local/jquery.min.js"></script>

2）链接到谷歌CDN上的jQuery的远程副本。再次，在<head>：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

如果你没有使用其中一个选项链接到jQuery，或类似的东西，你的代码将无法正常工作。在大多数浏览器中，您可以通过opening the Javascript console告诉这是问题所在，输入“jQuery”并收到类似jQuery is not defined的错误。

令人惊讶的是，我找不到一个重复的问题来支持这个，但后来又没有点击每一个“为什么这个简单的jQuery脚本不能正常工作”的问题在StackOverflow上。

还有很多。

简单的JQuery脚本不起作用

1 个答案: