Question

超级简单的问题 - 我是jQuery的新手，所以我对它有点愚蠢。

<a href="#" id="forgotten-show">I have forgotten my password ></a></div>

        <form class="forgotten-pw" action=""><!-- This still needs to dropdown from clicking the #forgotten-show link above -->
            <input type="email" placeholder="Your email"><!-- Prefill this field with their email address as they type just in case they have forgotten their email -->
            <div class="row inline-center">
                <input type="submit" value="Send password">
            </div>
            <p class="pw-reminder-sent">Your password has been sent</p>
        </form>

$("#forgotten-show").click(function() {
  $(".forgotten-pw").slideToggle( "slow", function() {
  });
});

我有显示：无;在表单上设置，所以我想切换上下滑动。当我从文档中获取它时，jQuery肯定是合理的。我错过了什么？

更新：好的，我的JSFIDDLE进入了。

我的问题是，当jQuery位于同一页面上的脚本标记内但不能使用链接的JS文件时，代码可以正常工作。

我知道该文件已正确链接，因为我还有其他工作要做。

Answer 1

是否忘记包含jQuery库？

尝试

https://jsfiddle.net/ve5f3oeb/2/

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Answer 2

您没有包含jQuery库。

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>

更新了小提琴：

https://jsfiddle.net/ve5f3oeb/3/

基本的jQuery slideDown（）不起作用

2 个答案: