在我的 Rails 應用程式中，AJAX 操作成功后，會出現一條閃爍訊息，其中包含“已添加患者”訊息。因為我沒有找到任何地方如何添加交叉來關閉此訊息，無需重新加載頁面，我想在 2 秒后自動隱藏它。
我做了什么：
$("#add-patient").replaceWith("<%= j (render :partial => 'registrants/add_patient') %>");
$("#flash-messages").after("<div class='alert alert-success'> Patient Added </div>").fadeOut(2000);
但是沒有任何反應，訊息不會消失，我也不會在控制臺中收到任何錯誤。如何淡出此訊息或至少輸入“x”來關閉它？
uj5u.com熱心網友回復：
您可以在訊息顯示之后和淡出之前使用 jQuery延遲函式來延遲過渡。另外，您是否要將訊息附加到flash-messages物件？就像現在一樣，您在flash-messages物件之后應用訊息，但淡出被應用到flash-messages. 這是您可以做什么的粗略示例。
flash-messages注意：如果已經存在一些內容，您也可以使用 append 而不是 html 來添加其他內容。
$(function() {
$("#flash-messages").html("<div class='alert alert-success'> Patient Added </div>").fadeIn().delay(2000).fadeOut();
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="flash-messages"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/441174.html
標籤：javascript jQuery
上一篇：計算腳本創建的圓圈的點擊次數