Question

我想在发生点击事件时显示一个元素（调用fadeIn函数）。但是，我想在第一次加载时看不到的元素上做这件事。当用户点击它时，它将显示并将在那里，除非页面刷新。码;

<input type="text" name="q" size="40" 
maxlength="255" class = "send"/>

<h6 style = "position:absolute;top:48px;left:43%;color:white;" class = "displayIt">DisplayMe</h6>

Jquery的

<script type="text/javascript">
$(document).ready(function(){
  $(".send").bind("click",function(){
    $(".displayIt").css("visibility","visible").fadeIn(2000);
  });    
});
</script>

当我这样做时，fadeIn不起作用，因为它使元素（displayIt）突然可见:(如何在fadeIn中实现它？

Answer 1

由于fadeIn只播放元素的opacity，使其可见将立即显示它。所以在开始淡化之前隐藏元素。

正在使用 demo

$(document).ready(function(){
  $(".send").bind("click",function(){
    $(".displayIt").css("visibility","visible").hide().fadeIn(2000);
  });    
});

更改隐藏的可见性并在发生单击事件时调用fadeIn（）

1 个答案: