Удаление класса в скрипте
Доброго всем времени суток!:)
Работаю над следующим скриптом: 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, время: 20:50. |