Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.12.2017, 17:38
Интересующийся
Отправить личное сообщение для Argonaft Посмотреть профиль Найти все сообщения от Argonaft
 
Регистрация: 10.11.2011
Сообщений: 12

Изменение класса у элемента
Есть страница с кнопкой активации и деактивации чего либо.
Задача сделать, что при клике на кнопку менялся ее стильно на противоположный. Ну допустим если активная кнопка, кликаем получаем в ответ что кнопка становиться деактивная. И наоборот. Первая часть вопроса решена , при клике скажем по кнопке она меняет цвет все ок. Но при повторном клике на той же кнопке с измененным цветом class удаляет вообще все оставляя только:
btn btn-sm
Как же так это два разных условия. Что делать как победить?

$(document).ready(function(){

    //deactive
    $('.btn.btn-warning.btn-sm').click(function(event) {
      var id = event.target.dataset.bid;
      $('#b-'+id).removeClass("btn btn-warning btn-sm");
      $('#b-'+id).toggleClass("btn btn-success btn-sm");
    });

    //active
    $('.btn.btn-success.btn-sm').click(function(event) {
      var id = event.target.dataset.bid;
      $('#b-'+id).removeClass("btn btn-success btn-sm");
      $('#b-'+id).toggleClass("btn btn-warning btn-sm");
    });

  });

пример кнопки
<button type="button" id="b-3" data-bid="3" class="btn btn-warning btn-sm">Выключить</button>
Ответить с цитированием
  #2 (permalink)  
Старый 26.12.2017, 17:47
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

.toggleClass("только изменяемый") зачем все классы перечислять, и зачем removeClass?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Jquery - Циклическое изменение атрибутов элемента при клике на него mxup Общие вопросы Javascript 3 20.07.2016 20:11
Изменение цвета элемента в зависимости от id элемента на координате deniskutovskiy Events/DOM/Window 10 10.10.2015 11:43
Изменение класса элемента в зависимости от разрешения экрана funfot Элементы интерфейса 3 20.09.2014 15:20
Как отловить изменение computedStyle элемента danik.js Events/DOM/Window 8 25.10.2012 16:40
Как сделать реакцию на изменение любого элемента формы. Mik Events/DOM/Window 3 28.07.2011 08:52