Question

所以，首先我链接了脚本和css：

<link rel="stylesheet" href="stylesheet.css" type="text/css">
            <script type='text/javascript' src='script.js'></script> (my script)
            <script type='text/javascript' src='code.jquery.com/jquery-2.1.4.js'></script> (jQ)

接下来我创建了一个div并为它编写了脚本：

$(document).ready(function() {
    $('#div1').click(function(){
        $(this).fadeOut('fast');
    });
});

没有任何事情发生。

Answer 1

这是错误：

<script type='text/javascript' src='code.jquery.com/jquery-2.1.4.js'></script> /* you don't have this file */
<script type='text/javascript' src='script.js'></script>

更改为：

<script type='text/javascript' src='http://code.jquery.com/jquery-2.1.4.min.js'></script> /* add this */
<script type='text/javascript' src='script.js'></script>

Answer 2

在jQuery文件之后链接你的script.js文件。

<link rel="stylesheet" href="stylesheet.css" type="text/css">
     <script type='text/javascript' src='code.jquery.com/jquery-2.1.4.js'></script>// (jQ)
     <script type='text/javascript' src='script.js'></script> //(my script)

Answer 3

首先需要在加载自己的脚本之前加载Jquery库。这样做：

<link rel="stylesheet" href="stylesheet.css" type="text/css">
<script type='text/javascript' src='code.jquery.com/jquery-2.1.4.js'></script>// (jQ)
<script type='text/javascript' src='script.js'></script> //(my script)

为什么我的jQ代码不起作用？

3 个答案: