Question

我想在另一个div上做一个简单的滑动Div。这Fiddle正是我想要做的，但由于我是这个编码世界的新手，所以在将代码复制到我自己的文件后，我会收到警告Uncaught ReferenceError: $ is not defined。

<div class="hidden" id="slide">INFORMATION ABOUT IMAGE APPEARS ON CLICK</div> 
<div class="image"><br>THERE'S A NICE IMAGE HERE</div>

$(document).ready(function() {$('#slide').click(function() {
var hidden = $('.hidden');
if (hidden.hasClass('visible')) {
  hidden.animate({"top": "160px"}, "slow").removeClass('visible');
} 
else {
    hidden.animate({"top": "0px"}, "slow").addClass('visible');
}
});
});

我现在明白我必须在我的HTML头中链接一个/几个（？）文件来定义我的$。有人可以帮我找到合适的文件并告诉我如何将这些文件链接到我的HTML中吗？

Answer 1

您似乎正在使用jQuery并且没有导入它。您需要先添加jQuery库才能使用它：

<dependencies>
    <module name="org.hibernate.validator"/>
</dependencies>

Answer 2

（单个）jQuery分发文件，可用here或几个CDN。

这是您的问题中的代码，添加了jQuery，只是为了表明它不再抱怨$没有被定义。它仍然不起作用，因为单击隐藏元素真的很难，但这是向前迈出的一步。

$(document).ready(function() {
  $('#slide').click(function() {
    var hidden = $('.hidden');
    if (hidden.hasClass('visible')) {
      hidden.animate({
        "top": "160px"
      }, "slow").removeClass('visible');
    } else {
      hidden.animate({
        "top": "0px"
      }, "slow").addClass('visible');
    }
  });
});

<div class="hidden" id="slide">INFORMATION ABOUT IMAGE APPEARS ON CLICK</div>
<div class="image">
  <br>THERE'S A NICE IMAGE HERE</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

我建议您完成教程，这些教程可以介绍概念等。这适用于Q＆amp; A。

Answer 3

您需要在使用$

之前加载jQuery

在使用jQuery之前尝试添加它

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Answer 4

像在照片中添加Jquery，或将其添加为外部资源

什么jQuery / JavaScript文件定义$？

4 个答案: