单击按钮后，Jquery Fadeout将无法工作

Question

我想显示<div>，显示“已保存！”每次用户点击保存按钮时。

我这里有一些jQuery代码，但它只能运行一次。第二次单击按钮时div不会显示。

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

Answer 1

可能是因为它被隐藏了。尝试：

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

或者

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

Answer 2

那是因为div仍然“淡出”

试试这个......

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

它会清空#loading div，然后重新显示它并为下一次点击准备它。

Answer 3

您需要将click事件绑定到div。

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