Get started with jquery.blockUI CDN

$(document).ready(function() {
  // Function to block UI
  function blockUI() {
    $.blockUI({
      message: "Please wait...",
      css: {
        border: "2px solid #a9a9a9",
        padding: "15px",
        backgroundColor: "#fff",
        left: "50%",
        top: "50%",
        marginLeft: "-78px"
      }
    });
  }

  // Function to unblock UI
  function unblockUI() {
    $.unblockUI();
  }

  // Example of blocking UI during an AJAX call
  $("#button").click(function() {
    blockUI(); // Block UI before making the AJAX call
    $.get("example.php", function(data) {
      // Process the data here
      console.log(data);
      unblockUI(); // Unblock UI after the AJAX call is complete
    });
  });
});