Как отключить и включить функцию щелчка Jquery (с использованием идентификатора Img) до тех пор, пока ajax не завершится в MVC?

Question

При загрузке страницы я загружаю некоторые данные, используя Ajax.

<img src="@Url.Content"~/image/link_1.png")"id="click_1">
<img src="@Url.Content"~/image/link_2.png")"id="click_2">


$("#click_1").click(function(e){

// 

}
$("#click_2").click(function(e){

// 

}

В ajax вызове beforeSend я должен отключить эти два варианта щелчка и на событии complete я хочу снова включить его. как сделать это возможным? Я пробовал

.removeAttr("onclick");
.[0].onclick = null;
.prop("onclick", false);

, но не решил мою проблему. мой Ajax звонок;

    $(document).ready(function(){
         $.ajax({
                type:'POST',
                url:'',
                data:{},
                global:false,
                beforeSend:function(){
                   $("#loader").show();
                   $("#click_1").removeAttr("onclick");
                   $("#click_2").removeAttr("onclick");
                },
               success:function(data){
                },
               complete:function(){
                    $("#loader").hide();

                },
              async:true
             });
     });

Answer 1

Я решил эту проблему, просто изменив свойство CSS тега изображения. в ajax beforeSend: $("#click_1").css("pointer-event","none");

и в ajax завершено:

$("#click_1").css("pointer-event","");