Время загрузки скрипта JQuery

Question

Если у меня есть кнопка, которая запускает скрипт jquery, есть ли способ убедиться, что кнопка неактивна, пока скрипт не завершится?

Answer 1

Это одна из областей, где мне нравится расширять jQuery:

$.fn.disable = function() {
    return this.each(function() {
        if (typeof this.disabled != "undefined") this.disabled = true;
    });
}

$.fn.enable = function() {
    return this.each(function() {
        if (typeof this.disabled != "undefined") this.disabled = false;
    });
}

и тогда вы можете сделать:

$("#button").disable();
$("#button").enable();

Я часто отключаю / включаю элементы управления.

Answer 2

Где-то в начале вашего скрипта (возможно, при событии нажатия кнопки) установите для атрибута disabled кнопки значение true:

$("#mybutton").attr("disabled", true);

Затем, когда завершите, удалите этот атрибут:

$("#mybutton").removeAttr("disabled");

EDIT:

Если вы хотите (немного) придумать, измените текст кнопки, пока выполняете работу. Если это кнопка с изображением, вы можете изменить src на дружеское сообщение «Пожалуйста, подождите». Вот пример текстовой версии кнопки:

$("#mybutton").click(function() {
  var origVal = $(this).attr("value");

  $(this).attr("value", "Please wait...");
  $(this).attr("disabled", true);

  //Do your processing.

  $(this).removeAttr("disabled");
  $(this).attr("value", origVal);
});

Answer 3

Спасибо, Клетус за твою функцию. Я использовал вашу функцию и создал свою собственную для переключения отключенных элементов.

$.fn.toggleDisable = function() {
    return this.each(function() {
        if (typeof this.disabled != "undefined"){
                if(this.disabled){
                    this.disabled = false;
                }else{
                    this.disabled = true;
                }
        }
    });
}