当我在网上尝试时，来自 Codecademy 的 JQuery 不起作用答案

【问题标题】：JQuery from Codecademy didn't work when I tried it on the web当我在网上尝试时，来自 Codecademy 的 JQuery 不起作用
【发布时间】：2014-12-09 23:37:54
【问题描述】：

这是来自 codecademy.com 的一课，我发现它非常有用。但是当我尝试将它粘贴到文本编辑器中并在网络上运行时，它不起作用。代码如下：

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Slide Panel</title>
        <script type="text/javascript" src="script.js"></script>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"></link>
        <meta charset="UTF-8">
    </head>
    <body>
        <div class="panel">
        <br />
        <br />
        <p>Now you see me!</p>
        </div>
        <p class="slide"><div class="pull-me">Slide Up/Down</div></p>
    </body>
</html>

CSS

body {
    margin:0 auto;
    padding:0;
    width:200px;
    text-align:center;
}
.pull-me{
    -webkit-box-shadow: 0 0 8px #FFD700;
    -moz-box-shadow: 0 0 8px #FFD700;
    box-shadow: 0 0 8px #FFD700;
    cursor:pointer;
}
.panel {
    background: #ffffbd;
    background-size:90% 90%;
    height:300px;
    display:none;
    font-family:garamond,times-new-roman,serif;
}
.panel p{
    text-align:center;
}
.slide {
    margin:0;
    padding:0;
    border-top:solid 2px #cc0000;
}
.pull-me {
    display:block;
    position:relative;
    right:-25px;
    width:150px;
    height:20px;
    font-family:arial,sans-serif;
    font-size:14px;
    color:#ffffff;
    background:#cc0000;
    text-decoration:none;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.pull-me p {
    text-align:center;
}

JQuery/Javascript

$(document).ready(function(){
    $(".pull-me").click(function(){
        $(".panel").slideToggle("slow")
        });
    });

我不是专业的网络开发人员，但我想了解更多，因为我喜欢编码。

【问题讨论】：

你能解释一下什么不起作用吗？它会给出错误吗？有具体问题吗？

标签： jquery slide slidetoggle

【解决方案1】：

如果要使用 jQuery 库，则必须包含它。把它放在你之前，包括任何使用 jQuery 的脚本。

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

【讨论】：

【解决方案2】：

谢谢大家，我找到了答案。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"> </script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"> </script>

我不知道你需要使用这个链接来让你的 jQuery 工作。这是我第一次接触 jQuery。不过谢谢大家的回复。

【讨论】：