0
$(document).ready(function() {
    $('.articles--buttonsFilter-left').on(click, function(){

        $(this).addClass('articles--buttonsFilter-chosen');
$('.articles--buttonsFilter-right').removeClass('articles--buttonsFilter-chosen');

    });

    $('.articles--buttonsFilter-right').on(click, function(){

        $(this).addClass('articles--buttonsFilter-chosen');
$('.articles--buttonsFilter-left').removeClass('articles--buttonsFilter-chosen');

    });
});

Захватываю левую кнопку, присваиваю ей класс chosen, одновременно убирая его в правой кнопке. Захватываю правую кнопку, присваиваю тот же класс, параллельно убирая его с левой кнопки. Это я таким образом оставляю кнопку нажатой и сбрасываю это состояние, когда нажимаю другую. Почему-то не срабатывает. Ну т.е. левой кнопке класс присваивается и на этом всё заканчивается.

2
  • Что значит захватываете? Capture the flag? Вы обычные клики делаете по кнопкам.
    – user218976
    Commented 10 авг. 2018 в 14:21
  • ... и в результате этих обычных кликов происходит то, что нужно (присвоение класса), но не до конца.
    – fromillia
    Commented 10 авг. 2018 в 14:23

1 ответ 1

3

Поменяй в обработчиках событий click на 'click'. Первый параметр в функции 'on' должен быть типа String(Doc), а ты в данном случае просто как будто передаешь туда переменную, и скорее всего ее значение равно undefined, если ты раньше эту переменную не определил.

$(document).ready(function() {
    $('.articles--buttonsFilter-left').on('click', function(){

        $(this).addClass('articles--buttonsFilter-chosen');
$('.articles--buttonsFilter-right').removeClass('articles--buttonsFilter-chosen');

    });

    $('.articles--buttonsFilter-right').on('click', function(){

        $(this).addClass('articles--buttonsFilter-chosen');
$('.articles--buttonsFilter-left').removeClass('articles--buttonsFilter-chosen');

    });
});
.articles--buttonsFilter-chosen {
  background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class='articles--buttonsFilter-left'>Left</button>
<button class='articles--buttonsFilter-right'>Right</button>

1
  • Спасибо, сработало. Очень странно. Почему же без кавычек срабатывало на первом клике?
    – fromillia
    Commented 10 авг. 2018 в 14:26

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.