javascript - 如何在 MVC 中完成 ajax 之前禁用和启用 Jquery 点击功能（使用 Img id）？

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);

但没有解决我的问题。我的阿贾克斯电话；

    $(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
             });
     });

标签： javascriptjqueryajaxasp.net-mvc-4

Answer 1

我只是通过更改图像标签的 CSS 属性解决了这个问题。在 ajax之前发送： $("#click_1").css("pointer-event","none")；

并在 ajax 中完成：

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