禁用按鈕，直到任務完成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 
}); 
});