javascript - 如何在点击链接之前显示 (DOM) 消息

Question

我只是想告诉用户下一步操作(单击链接)将需要一些时间...(以避免重新加载页面并再次单击链接)。

我已经尝试过:

<p id="message" style="display:none" class="notification">This could take a while, please sit down and relax</p>

<script>
    $(document).ready(function() {
      $("a").click(function() {
        $("#message").show();
      });
    });
</script>

但是消息没有显示。点击按预期进行。

Answer 1

$(function() {
  $("a").click(function() {
    $("#message").stop(true, true).show(250);
    $("#message").delay(2000).hide(250);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href = "#">test foo link</a>
<p id="message" style="display:none" class="notification">This could take a while, please sit down and relax</p>

类似这样的事情吗？