Удаление класса в скрипте
Доброго всем времени суток!:)
Работаю над следующим скриптом: html: <div id="for_mind"> <div id="mind"><img src="images/slider/001.jpg" /></div> <div id="mind1"><img src="images/slider/001.jpg" /></div> <button id="button" class="button">Вперёд</button> </div> js:
var mind = ["images/slider/001.jpg","images/slider/002.jpg","images/slider/003.jpg","images/slider/004.jpg","images/slider/005.jpg"];
$('.button').click(function(){
$('#button').removeClass('button');
var countMind = mind.indexOf($('#mind1 img').attr('src'));
var countMind1 = mind.indexOf($('#mind img').attr('src'));
if(mind.indexOf($('#mind img').attr('src')) == mind.length - 1){
$('#mind img').attr('src',(mind[0]));
$('#mind1').fadeOut(1500, function(){
$('#mind1 img').attr('src',(mind[0]));});
$('#mind1').fadeIn();
}else{
$('#mind img').attr('src',(mind[countMind1 + 1]));
$('#mind1').fadeOut(1500, function(){
$('#mind1 img').attr('src',(mind[countMind + 1]));});
$('#mind1').fadeIn();
}
$('#button').addClass('button');
});
Проблема в следующем: надо чтоб пользователь не смог кликнуть кнопке '.button' пока не пройдёт анимация. Я пробовал на время анимации удалять класс $('#button').removeClass('button'), а потом его добавлять (строка 3 и строка 18); но это не помогло, кликнуть на кнопку всё равно можно. Может ещё какие есть варианты? Всем заранее спасибо! |
Алек,
добавьте кнопке на время анимации атрибут disabled |
КЛ@ВИШ_nick,
Пробовал методом .prop("disabled", true), не получилось, встала проблема как потом перевести кнопку в .prop("disabled", false). Не нашёл не чего лучше чем совсем скрыть кнопку к которой привязана анимация методом hide() и подставлять на время анимации другую кнопку, изначально с <button disabled class="button"> В принципе тоже вариант... Спасибо.:) |
Проблема не в JQuery, метод JQuery работают чётко как швейцарские часы, проблема в html:
<button disabled="" class="button"> смотрел исходный код, у атрибута удаляется значение, но сам атрибут работает как значение! Вот это я ни как не мог победить, но проблему всё-же решил... |
| Часовой пояс GMT +3, время: 08:42. |