我有這段動態(tài)代碼。這應該向 PHP 發(fā)送請求并獲得響應。每次有新通知時，它都應該 fadeIn() 和 fadeOut() 。它將響應顯示為頁面頂部的通知欄，但是，它只會逐漸出現(xiàn)一次。當我再次發(fā)送請求時，會有響應，但不會再次顯示通知欄。如果有人能幫助我解決這個問題，我將不勝感激。這是我的代碼：<script> function live_update(el) { var str = el.value ; var id = el.id ; if (str.length==0) { document.getElementById("live_update").innerHTML=""; return; } if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } xmlhttp.onreadystatechange=function() { if (this.readyState==4 && this.status==200) { document.getElementById("live_update").innerHTML=this.responseText; $("#live_update").addClass("bg-warning text-center text-dark p-2 h5 mx-auto"); $('#live_update').fadeOut(3000); } } xmlhttp.open("GET","profiles.php?act=live_update&u_key={u_key}&id="+id+"&q="+str,true); xmlhttp.send(); }</script>
1 回答
富國滬深
TA貢獻1790條經(jīng)驗 獲得超9個贊
為了再次顯示 div live_update，您需要將方法 fadeIn 與 div live_update一起使用以使其可見。此外，您需要刪除第一次顯示響應時添加的類。否則，在每個 ajax 響應中，它都會不斷添加到 div 中。
嘗試這個。
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
document.getElementById("live_update").innerHTML=this.responseText;
$("#live_update").fadeIn("3000", function() {
$(this).addClass("bg-warning text-center text-dark p-2 h5 mx-auto");
});
$("#live_update").fadeOut("3000", function() {
$(this).removeClass("bg-warning text-center text-dark p-2 h5 mx-auto");
});
}
}
您也可以使用fadeToggle 。
- 1 回答
- 0 關(guān)注
- 78 瀏覽
添加回答
舉報
0/150
提交
取消