Question

我正在学习编程并且面对的事情应该非常简单，但却让我感到三天的挫败感。

我似乎无法将jQuery文件与我的html链接。

这是我的HTML：

<html>
<head>
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="stylesheet.css"/>

    <script src="/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="/script.js"></script>
</head>     
    <body>
    <div class="heads">
        <div id="about">
            <p>About.</p>
        </div>
        <div id="work">
            <p>Work.</p>
        </div>
        <div id="contact">
            <p>Contact.</p>
        </div>
    </div>
    </body>

这是jQuery：

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

它不是最终的jQuery，但我确信它可以起作用。

提前非常感谢你！

Answer 1

如果那是你的最终代码，那么你就错过了})

$(document).ready(function() {
    $('div').click(function() {
        $(this).fadeOut('fast');
    }); // < -- This is missed
});

假设这是您的问题，我建议您始终使用正确的缩进。真正有助于轻松发现这类问题。

Answer 2

<script src="/jquery-2.0.3.min.js"></script>
<script src="/script.js"></script>

文件的路径错误。您不使用任何子文件夹。它应该是：

<script src="jquery-2.0.3.min.js"></script>
<script src="script.js"></script>

这解决了我的问题:) 快乐的编码

Answer 3

change the path to <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script> .

jQuery没有链接HTML文件

3 个答案: