如何禁用和启用Jquery单击功能（使用Img id），直到在MVC中完成ajax？

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

我仅通过更改image标签的CSS属性即可解决此问题。在ajax

beforeSend：中$("#click_1").css("pointer-event","none");

和ajax中的

complete：

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