Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.08.2013, 19:51
Аватар для Алек
Аспирант
Отправить личное сообщение для Алек Посмотреть профиль Найти все сообщения от Алек
 
Регистрация: 14.04.2013
Сообщений: 85

Удаление класса в скрипте
Доброго всем времени суток!
Работаю над следующим скриптом:
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);
но это не помогло, кликнуть на кнопку всё равно можно.
Может ещё какие есть варианты?
Всем заранее спасибо!

Последний раз редактировалось Алек, 30.08.2013 в 20:23.
Ответить с цитированием
  #2 (permalink)  
Старый 31.08.2013, 01:40
Интересующийся
Отправить личное сообщение для КЛ@ВИШ_nick Посмотреть профиль Найти все сообщения от КЛ@ВИШ_nick
 
Регистрация: 25.07.2013
Сообщений: 15

Алек,
добавьте кнопке на время анимации атрибут disabled
Ответить с цитированием
  #3 (permalink)  
Старый 31.08.2013, 22:28
Аватар для Алек
Аспирант
Отправить личное сообщение для Алек Посмотреть профиль Найти все сообщения от Алек
 
Регистрация: 14.04.2013
Сообщений: 85

КЛ@ВИШ_nick,
Пробовал методом .prop("disabled", true), не получилось, встала проблема как потом перевести кнопку в .prop("disabled", false).
Не нашёл не чего лучше чем совсем скрыть кнопку к которой привязана анимация методом hide() и подставлять на время анимации другую кнопку, изначально с <button disabled class="button">
В принципе тоже вариант...
Спасибо.
Ответить с цитированием
  #4 (permalink)  
Старый 31.08.2013, 22:39
Аватар для Алек
Аспирант
Отправить личное сообщение для Алек Посмотреть профиль Найти все сообщения от Алек
 
Регистрация: 14.04.2013
Сообщений: 85

Проблема не в JQuery, метод JQuery работают чётко как швейцарские часы, проблема в html:
<button disabled="" class="button">
смотрел исходный код, у атрибута удаляется значение, но сам атрибут работает как значение!
Вот это я ни как не мог победить, но проблему всё-же решил...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
добавление, удаление класса ("мигание") bpystep Общие вопросы Javascript 2 09.08.2013 13:44
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 17:17
Удаление класса при клике на объект lukingnu jQuery 3 23.04.2012 12:14
удаление из базы mysql bee Общие вопросы Javascript 1 20.04.2012 20:41
Свойства/методы класса TicTac Общие вопросы Javascript 5 03.07.2011 14:53