今天做项目的时候突然发现a标签下用disabled无法使它的点击事件失效（貌似ie下可以，没有测试过），
首先说一下项目要求，点击a标签（点击之后以防多次快速点击，这里需要点击后使标签a实现），触发ajax提交数据，成功后回调函数里
再使其恢复点击可用：
$('#goaid').click(function(){
$( this).prop("disabled", true);//无法使a标签失效
$.ajax({
url:'check.php',
type:'POST',
data:{
'mobile':$('#mobile').val()
},
dataType:'json',
success:function(response){
if(response.result==1) {
//数据处理
}else{
//数据处理
}
}
});
});
因为之前处理这种情况一直是用button处理，一直没有留意a不支持disbled
现在要说解决方案了
第一种：设置一个全局变量
$(function(){
var flag = 1;
$('#goaid').click(function(){
if( flag == 1){
flag = 0;
$.ajax({
url:'check.php',
type:'POST',
data:{
'mobile':$('#mobile').val()
},
dataType:'json',
success:function(response){
flag = 1;
if(response.result==1) {
//数据处理
}else{
//数据处理
}
}
});
}
});
});
第二种：将两个元素叠在一起
只是个人的一种想法，做两个相同样子的元素（其中一个为触发元素）
function kai(){
$("#kai").hide();
$("#guan").show();
}
function guan(){
$("#kai").show();
$("#guan").hide();
}
第三种：动态添加和删除class
$('.class').click(function(){
if($(this).hasClass("op_disable")){
return false;
}
$(this).addClass("op_disable");
$.ajax({
....
success:function(){
$(this).removeClass("op_disable");
}
});
});