禁用按钮，直到任务完成jQuery？

Question

我曾在多个li元素的应用点击事件这样

jQuery('ul li').click(function(){ 

    doSomething(); 

}); 
 

现在我已经在那里，直到DoSomething的完成要求。我希望其他li元素除被点击的元素被禁用并且不允许点击。 doSomething基本上是一个ajax调用。

Answer 1

我会尝试这样的事：

var lock = false; 

jQuery('ul li').click(function(){ 
    if(lock == true){ 
     return false; 
    } 
    lock = true; 
    doSomething(); 

}); 

当DoSomething的完成设置lock = false;

例如：

success: function(){ 
    // your ajax success code 
    lock = false; 
} 

Answer 2

您可以使用标志和AJAX完整的回调

var doing = false; 
jQuery('ul li').click(function() { 
    if (doing) { 
     return; 
    } 
    doing = true; 
    doSomething(function() { 
     doing = false; 
    }); 
}); 

function doSomething(complete) { 
    $.ajax().always(complete) 
} 

Answer 3

答案：

$(function(){ 
    $("ul.a li").click(function(){ 
    $(this).show();//disable true condition write here 
    $(this).siblings().hide();//disable false condition write here 
}); 
});