Question

我最近开始学习一些jQuery。我想淡出一个div，但什么也没发生。有人可以告诉我有什么问题吗？

Everthing是关联的，所以不是问题：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script src="inc/content_animate.js"></script>

content_animate是我的.js文件。就在其中：

$(document).ready(function(){
    $('.content').fadeIn('fast');
});

我想淡入我的.content div。这是：

<div class="content">
  <img src="img/design.svg">
  <h2>Design</h2>
  <p>I don't only program my websites. I also design my websites myself.</p>
  <a class="btn-content" href="projects.php">Learn more</a>
</div>

我做错了什么？提前感谢所有关注此事的人！

Answer 1

你的代码很好，但是如果你最初没有隐藏你的div，那么就没有什么可以淡入，因为它已经显示出来了。

$(document).ready(function() {
  $('.content').fadeIn('slow');
})

.content {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
  <img src="img/design.svg">
  <h2>Design</h2>
  <p>I don't only program my websites. I also design my websites myself.</p>
  <a class="btn-content" href="projects.php">Learn more</a>
</div>

Answer 2

$(".content").hide().fadeIn('fast')

我的jQuery代码有什么问题？我想让一个div淡入

2 个答案: