The modal is displayed at the time of loading.
At that time, I want to cover the screen so that it can not be operated, but when I press the button
Works after loading.

I want the button I pressed during loading to not work.

I'm stuck, so I'd be happy if anyone could tell me.

It works after loading at the push of a button.

Corresponding source code

function dispLoading (msg) {
  // Allow no arguments (no message)
  if (msg == undefined) {
    msg = "";
  }
  // Screen display message
  var dispMsg = "" + msg + "";
  // Output only when the loading image is not displayed
  if ($("# loading"). length == 0) {
    $("body"). append ("" + dispMsg + "");
  }
}

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}
#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url ("[Loading image URL]") center center no-repeat;
}

   Button A 
   Button B 

 Download

What I tried

When you press the download button, it becomes $('.button'). Css ('pointer-events','none');
When loading is finished, it is returned with auto, but as soon as it is finished, the button works.

Supplementary information (FW/tool version, etc.)

Please provide more detailed information here.