javascript - 显示/隐藏 html 表的加载消息

Question

如何在单击/选中展开表格列时显示“正在加载”消息，并在消息展开后立即隐藏该消息。 Here是我到目前为止所得到的演示。我可以显示该消息，但工作完成后无法隐藏它。当我尝试扩展一个大表时，它似乎很有用，并且我认为让用户知道它正在工作会很好。任何帮助/建议将不胜感激。

$(document).ready(function() {
    $("#load").hide();
    $("#check").live("click", function() {
        $("#load").show();
        if ($("#check").is(":checked")) {
            $(".hidden").show();
        } else {
            $(".hidden").hide();
        }
    });
    $("#load").hide();
});

Answer 1

您真的需要加载消息吗？

无论如何，你可以像这样隐藏它:

$(document).ready(function() {
    $("#load").hide();
    $("#check").live("click", function() {
        $("#load").show();
        if ($("#check").is(":checked")) {
            $(".hidden").show();
            $("#load").hide();
        } else {
            $(".hidden").hide();
            $("#load").hide();
        }
    });
    $("#load").hide();
});