jquery fadeIn无法正常工作，我无法找到问题的解决方案

-2

我似乎无法得到工作在我的h1元素上的jQuery fade。我已经检查过是否通过使用警报消息来激活jQuery，但它似乎没有对元素进行处理。jquery fadeIn无法正常工作，我无法找到问题的解决方案

HTML代码：

<div id="f1" class="banner-quote"> 
    <h1>"text"</h1> 
</div>

jQuery代码：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#f1").fadeIn(1000); 
}); 
</script>

难道是有关的东西我的CSS或者是有什么在代码，我很想念？

2017-08-15 CoderAz

只是为了澄清div有它的surronding开放标签，我只是没有正确复制和粘贴。 – CoderAz

你的''＃f1'元素最初是用css隐藏的吗？也就是说在jquery淡入淡出之前，元素是隐藏的吗？ –

将默认的CSS设置为display: none。否则，没有显示淡入影响

$(document).ready(function() { 
 
    $("#f1").fadeIn(1000); 
 
});

#f1{ 
 
display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="f1" class="banner-quote"> 
 
    <h1>"text"</h1>

2017-08-15 14:40:29 prasanth

fadeIn()不会隐藏自己的HTML元素它显示它。

从fadeIn()官方docs它的作用是

显示匹配的元素他们褪色不透明。

你可能要找的是fadeOut()。

看看这个fiddle。

2017-08-15 14:41:54

回答