单击按钮后，jQuery Fadeout将不起作用

Question

I would like to show a <div> that displays "Saved!" every time the user clicks the save button.

I have here some jQuery code but it works only once. The second time I click the button the div won't show up.

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

Answer 1

Possibly because it is hidden. Try:

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

Or

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

Answer 2

That is because the div is still "faded out"

try this...

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

It empties the #loading div and then re-displays it and readies it for the next click.

Answer 3

You need to bind a click event to aa div.

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