2011-12-01 78 views
0

我有一個表td類,名爲「on」,我想淡入Ajax刷新表時。 。 出於某種原因,它不會褪色ajax jquery fadein td類

這裏是到目前爲止的代碼:

function Ajax() 
{ 
var xmlHttp; 
xmlHttp.onreadystatechange=function(){ 
document.getElementById('refreshtable').innerHTML=xmlHttp.responseText; 
setTimeout('Ajax()',20000); 
xmlHttp.open("GET","mypage.cfm",true); 
xmlHttp.send(null); 
} 
window.onload=function(){ 
setTimeout('Ajax()',20000); 
$(".on").hide().html(html).fadeIn(); //jquery fadein 
} 

<table> 
<div id="refreshtable"> 
<tr> 
<td class="on">#data1#</td> 
<td class="on">#data2#</td> 
<td class="on">#data3#</td> 
</tr> 
</div> 
</table> 
+0

還有呢?發生了什麼/工作/不工作/正在進行/等等? – karim79

+0

刷新而不會淡入淡出 – tdjfdjdj

+0

將內容包裝到Div中。我相信我在TD方面遇到了同樣的麻煩。它不能像你想要的那樣「褪色」。除非它是來自數據庫的數據,否則我會將它封裝在div中。更多的控制。 –

回答

2

爲什麼不使用jQuery的AJAX實現的?它會縮小你的代碼很多。

$(function() { 
    var timer = setInterval(function() { 
     $.get('mypage.cfm', function (response) { 
      $('.on').fadeOut(function() { 
       $(this).html(response).fadeIn(); 
      }); 
     }); 
    }, 20000); 
}); 

這裏就是一個示範運行正常:http://apexeleven.com/stackoverflow/jquery.get/test.html