使用JQuery完成一個完整週期後，FadeIn（）效果停止工作？

Question

我有一個隨機問題...在此小部件旋轉完整/完整循環後，fadeIn（）效果會停止工作？

這裏是我的HTML & CSS

.new-tweet { opacity:0; filter:alpha(opacity=0); } 
#in-auction-cycle-content { overflow:hidden; width:275px; height:102px; list-style-type:none; margin-bottom:6px; } 

       <ul id="in-auction-cycle-content"> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;1</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;2</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;3</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;4</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;5</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;6</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;7</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;8</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;9</span></li> 
       <li><span class="in-auction-reg">KH52 YBN</span> <span class="in-auction-highest-bid">&pound;10</span></li> 
       </ul> 

這裏是我的JQuery

$(document).ready(function(){ 
function tweet(){ 
    $("#in-auction-cycle-content li:last").hide().addClass('new-tweet').prependTo("#in-auction-cycle-content").slideDown(300); 
    $('.new-tweet').animate({opacity: '1'}, function(){$(this).removeClass('new-tweet')}); 
}; 
setInterval(tweet,3600); 
}); 

任何幫助是極大的讚賞，感謝

Answer 1

的問題是，您要添加{不透明度：' 1'}，但不能刪除它。只是刪除課堂不會伎倆。我建議你要麼添加一個不透明度爲1的老式推文，要麼在明確刪除之後刪除它。