禁用按钮直到任务完成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
});
});