javascript - 如何使用 jquery 使 div 可见？

Question

 function showwaitmsg() {
        $("#wait").fadeIn();
        return  true;
    }
    function hidewaitmsg() {
        $("#wait").fadeOut();

    }

    $("a:contains('Test1')").bind("click", function () {
      if (showwaitmsg())
        test2(); // Function contains XMLHttpRequest
        hidewaitmsg();
    });


   <div id="wait" class="overlay" style="display: none">
             Please Wait
        <img src="~/loading.gif" />
    </div>

我正在尝试在处理 XMLHttpRequest 时使用上述代码显示“请稍候”消息。处理完请求后，wait div 出现得太晚了。你能告诉我应该怎么做才能在单击 test1 按钮后立即显示等待 div 吗？

Answer 1

$("#id_of_button").on('click', function() {
    $("#wait").show();
});