私の Rails アプリケーションでは、ユーザーが保存すると、Ajax を使用して投稿を保存し、update.js.erb ファイルを実行します。そのファイルには、いくつかの jQuery があります。
$('body').append('<div class="message">Saved</div>');
このようにしているため、ユーザーが保存するたび<div class="message">Saved</div>に、本体にさらに追加されます。それを止める方法はありますか、それとも問題ではありませんか?
まず、保存が何千回も行われていない限り、それはおそらく問題ではありません。画像が非常に大きいため、Webページの数kbの余分なテキストは、いくつかの画像と比較して見劣りすることを覚えておいてください。
次に、DOMにこれらの1つだけを含めるためのいくつかのオプションがあります。
たとえば、前のメッセージオブジェクト（最初は非表示になっている）を見つけて短時間表示するには、次のように使用できます。
$(".message").html("Saved").show().delay(2000).fadeOut(1000);
これを使用した場合は、メッセージオブジェクトを最初にページに1回配置するか、元のページのHTMLに配置するか、ページの起動コードに1回追加するだけです。次に、CSSをデフォルトで非表示にして、必要なときにだけ表示されるようにします。
または、クラス名に基づくCSS3トランジションを使用している場合は、jQueryaddClass()とを使用するだけで済みますremoveClass()。
怠惰な（しかし簡単な）方法は、新しいメッセージを表示する前に他のメッセージをクリアすることです。
$('.message').remove();
$('body').append('<div class="message">Saved</div>');