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

回答