如何在 MVC 中禁用和启用 Jquery 单击功能（使用 Img id）直到 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 事件中，我必须禁用这两个单击选项并在 完成事件我想再次启用它。 如何使这成为可能？我试过了

.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 发送前： $("#click_1").css("pointer-event","none");

并在 ajax 完成：

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