Jquery Fadeout funktioniert nicht beim Klicken auf die Schaltfläche

Question

Ich würde gerne eine <div> zeigen, die "Gespeichert!" jedes Mal, wenn der Benutzer auf die Schaltfläche Speichern klickt.

Ich habe hier einige jQuery-Code, aber es funktioniert nur einmal. Das zweite Mal, wenn ich auf den Button klicke, wird das Div nicht angezeigt.

$("#loading").html("Saved!").fadeOut(4000); 

Answer 1

Das liegt daran, dass die div noch "ausgeblendet"

try this ...

$("#loading").html("Saved!").fadeOut(4000, function(){ 
    $("#loading").empty(); 
    $("#loading").show(); 
}); 

Es leert den #loading div und zeigt es dann erneut an und bereitet es für den nächsten Klick vor.

Answer 2

Möglicherweise weil es versteckt ist. Versuchen:

$("#loading").html("Saved!").show().fadeOut(4000); 

Oder

$("#loading").html("Saved!").fadeIn(200).fadeOut(4000); 

Answer 3

Sie müssen ein Click-Ereignis an ein a div binden.

$(document).ready(function() { 
     $('#element').click(function() { 
      $('#para').html("Saved!").fadeOut(4000); 
     }); 
    });