как предотвратить взаимодействие пользователей при ожидании ответа ajax

Сценарий похож: я использую JQuery для реализования некоторых ajax опций. Например: когда пользователь нажимает кнопку, "получают данные", JQuery вызовет функцию .ajax для выборки некоторых данных из сервера. Этот процесс мог бы занять время, таким образом, я добавил .ajaxSend и функции .ajaxComplete для показа некоторой анимации для ожидающего процесса (на самом деле 'Загружающиеся Данные' gif в отделении с z-индексом: 999, чтобы быть вершиной других отделений в). Во время ожидающего процесса ('Загружающиеся Данные'), я хотел бы предотвратить пользователей для нажатия других кнопок (например: у Меня есть другие вкладки, кнопки ниже маленьких 'Данных Загрузки' gif). Путем я достиг, это:

    $("body").ajaxSend(function()
     {
        $(this).append('<div id="loading">Data Loading<\/div>');
        $("div#error").remove();
        $(this).children().not('#loading').css({'opacity':0.22});   
     });
    $("body").ajaxComplete(function()
     {
        $("div#loading").remove();
        $(this).children().not('#loading').css({'opacity':1});
     });

Однако я не думаю, изменяя непрозрачность, лучший способ. Если Вы не делаете непрозрачность к 0, пользователи могут все еще нажать на другие кнопки/вкладки. Я не знаю, как полностью избежать какого-либо взаимодействия с пользователем во время этого процесса?Спасибо!!