0

Есть простое меню с 3 пунктов(в дальнешем их будет возможно больше), нужно чтоб при нажатии на кнопку go происходил переход вперед по истрии вперед , а при нажатии на кнопку "bg" возврат на шаг назад.

Пример: Если пользователь кликнул на пункт "meny_1" потом на "meny_2" и на "meny_3" то он сделал активними все эти три пункта по очереди. Но когда он нажал на кнопку "bg" то он вернулсяб на предыдущие меню. И при на жати на кнопку "go" пользователь перейдет на шаг вперед.

Возможно ли это реализовать на jquery?

Вот пример моего кода с переходам:

$(".nav").click(function() {

  $(".nav").removeClass("active");
  $(this).addClass("active");

});
ul > li {
  float: left;
  margin-left: 10px;
  list-style: none;
}
ul > li > a {
  text-decoration: none;
}
.active {
  color: red;
}
<ul>
  <li><a href="#">go</a>
  </li>
  <li><a class="nav" href="#">meny_1</a>
  </li>
  <li><a class="nav" href="#">meny_2</a>
  </li>
  <li><a class="nav" href="#">meny_3</a>
  </li>
  <li><a href="#">bk</a>
  </li>
</ul>

1
  • 2
    @lexxl массивы для слабаков?))) Ну ты предложил какой то ад на самом деле... Просто при клике, записывать в массив history, который может лежать в localStorage например. 18 мая 2016 в 10:18

1 ответ 1

1

$(".nav").click(function() {

  $(".nav").removeClass("active");
  $(this).addClass("active");

});
ul > li {
  float: left;
  margin-left: 10px;
  list-style: none;
}
ul > li > a {
  text-decoration: none;
}
.active {
  color: red;
}
<ul>
  <li><a href="javascript: void(0);" onclick="window.history.forward()">go</a>
  </li>
  <li><a class="nav" href="#">meny_1</a>
  </li>
  <li><a class="nav" href="#">meny_2</a>
  </li>
  <li><a class="nav" href="#">meny_3</a>
  </li>
  <li><a href="javascript: void(0);" onclick="window.history.back()">bk</a>
  </li>
</ul>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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