Mr_Tabrest_3115
@Mr_Tabrest_3115

Как настроить каждый клик по кнопке?

Нужно на jquery написать программу, которая по каждому клику меняла css стиль у класса или id (туда и обратно).
Я не умею хорошо объяснять, поэтому еще раз, при клике на кнопку должен меняться стиль(всего 3), и при последующих кликах они должны идти по очереди. Первый клик—первый стиль, второй клик—второй стиль, третий клик—третий стиль, четвертый клик—первый стиль и.т.д.
  • Вопрос задан
  • 220 просмотров
Решения вопроса 2
bingo347
@bingo347 Куратор тега JavaScript
Crazy on performance...
(function($){
  var $target = $('селектор того у кого меняем');
  var clickCount = 0;
  var rules = [
    function() { $target.removeClass('class3'); $target.addClass('class1'); },
    function() { $target.removeClass('class1'); $target.addClass('class2'); },
    function() { $target.removeClass('class2'); $target.addClass('class3'); }
  ];
  $('селектор кнопки').on('click', function() {
    rules[clickCount++ % rules.length]();
  });
})(jQuery);
Ответ написан
rim89
@rim89
программист-велосипедист
$(function() {
    var classes = ['class_1','class_2','class_3']
    var count = 0;
    $('#idClick').on('click', function(e){
        e.preventDefault();
        $(this).attr('class',classes[count]);
        count++;
        if(count == classes.length){
            count = 0
        }
    });
});

classes - массив с названием классов
idClick - ID кнопки
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
27 нояб. 2024, в 17:41
2000 руб./за проект
27 нояб. 2024, в 17:26
1 руб./за проект
27 нояб. 2024, в 17:17
3000 руб./за проект