javascript - 如何防止用户在发出ajax请求时与页面交互

Question

我使用 ajax 允许用户删除我页面上的内容。

我可以使用哪些 html/css 技巧来防止用户单击页面上的任何内容。我想要的是某种透明覆盖层，在我的屏幕中央有一个微调器。

在 ajax 中，我知道我可以使用 beforesend 和 success 函数来显示和隐藏加载。

    $.ajax({
            beforeSend : function (){
             $('#loading').show();
            }
            success: function (result) {
            $('#loading').hide();


            }

        });
    }

我遇到过这些微调器，但它们不是完全覆盖，这会阻止用户单击任何内容并且它们不居中。 http://projects.lukehaas.me/css-loaders/

Answer 1

正如您在 LINK 中的加载器源代码中看到的那样您在问题中提供的CSS加载器是通过将类应用于div来实现的。例如:-

<div class="loader">Loading...</div>

所以，你可以这样做:

$.ajax({
  beforeSend : function (){
    $("#some_div_id").addClass("loader");
  },
  success: function (result) {
    $("#some_div_id").removeClass("loader");
  }
});