Проверка if несколько раз

124
25 января 2020, 08:10

Есть необходимость при изменении значения переменной, менять текст в заголовке.

   if(currentSlide==1) {
    $('.works-slider-h').text('Замена')
  }
  else if(currentSlide==2) {
    $('.works-slider-h').text('Замена2')
  }
  else {
    $('.works-slider-h').text('Замена3')
  }

Реализовал так, замена происходит 1 раз, после чего уже вне зависимости от значения currentSlide, пока не обновлю страницу значение в заголовке не меняется. Помогите пожалуйста

Answer 1

Добавьте ваш код в функцию и вызывайте ее при клике, инкремент делайте также в функции, а объявление вне функции. Самый простой и топорный вариант.

var currentSlide = 0;
$('.next').on('click', onClickSlider )
function onClickSlider() {
    currentSlide++;
    if ( currentSlide==1 ) {
        $('.works-slider-h').text('Замена')
    }
    else if ( currentSlide==2 ) {
        $('.works-slider-h').text('Замена2')
    }
    else {
        $('.works-slider-h').text('Замена3')
    }
}
READ ALSO
Обновление блока js

Обновление блока js

Подскажите пожалуйста, есть такой код который обновляет div с id="com_project"

121
Как правильно переинициализировать slick slide в табах?

Как правильно переинициализировать slick slide в табах?

Есть табы на jQueryНеактивный таб скрыт через display:none

135
Uncaught SyntaxError: Unexpected identifier script.js:28 [закрыт]

Uncaught SyntaxError: Unexpected identifier script.js:28 [закрыт]

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение

139
Как уменьшить размер магазина?

Как уменьшить размер магазина?

Можете подсказать какие параметры изменить чтобы сделать размер этого магазина таким width: 196rem; height: 168rem; ? Пытался менять различные параметры,...

152