почему jquery не скрывает содержимое, когда мы нажимаем кнопку возврата в браузере

Question

Я показываю случайную карусель на моей странице индекса. Он прекрасно работает, когда мы обновляем, но на моей странице есть некоторые элементы, которые перенаправляют пользователя на другую страницу, когда пользователь нажимает кнопку «Назад», чтобы вернуться на index.html. Обе карусели отображаются.

Вот код:

$(document).ready(function() {
  var random = Math.floor(Math.random() * 2);
  if (random === 0) {
    $('#myCarousel').show();
    $('#my3').hide();
  } else {
    $('#my3').show();
    $('#my3').show();
    $('#myCarousel').hide();
  }
});

Почему jQuery не работает в этом сценарии?

Answer 1

У вас есть 2 карусели на вашей странице, и вы используете этот JS для случайного показа одного или другого.

«нажатие кнопки« назад »не приводит к повторному запуску страницы javascript» , как правильно сказал Таплар в комментариях. Теперь кажется, что страница возвращается в свое состояние, как это было до выполнения обработчика готовности документа ...

---

EDIT

Поскольку трюк .remove() тоже не работает ...

Я бы попробовал использовать только один слайдер. Но в зависимости от случайного числа, заменить или нет набор слайдов изображения.

Таким образом, вы должны иметь замены изображений в массиве.

var replacementImageArray = ["assets/img/4.jpg", "assets/img/1.jpg", etc...]

Затем, когда документ готов, проверьте случайное число и приступите к замене ...

$(document).ready(function() {
  var random = Math.floor(Math.random() * 2);
  if (random === 0) {
    $('#myCarousel').find("img").each(function(index){
      $(this).attr("src", replacementImageArray[index]);
    }
  }
});

Отказ от ответственности: приведенный выше сценарий является непроверенным предложением ... Так же, как совет по стратегии.

---

Бонус, код «косметический» и подсказка производительности:

if (Math.random() >= 0.5) {

Функция Math.random () возвращает псевдослучайное число с плавающей запятой в диапазоне 0–1 (включая 0, но не 1)

Документация