Weltmeister
@Weltmeister

Как отключить цикличность в скрипте карусели?

Добрый день. На сайте переключение контента реализовано вкладками, с использованием Jquery и навигацией ui tabs prev next.

Хотелось бы изменить переключение кнопками "Предыдущий"/"Следующий" так, чтобы пролистывание останавливалось на крайних табах (вкладках) и не было зациклено. Сейчас зациклено и при клике крутится бесконечно.

Собственно, сам скрипт:
<script>

$( "#tabs" ).tabs();
var num = 0, len = 2;
$( ".next, .prev" ).on("click",function() {
num += $(this).is(".next") ? 1 : -1;
num == len && (num = 0);
num == -1 && (num = len -1)
$( "#tabs" ).tabs( "option", "active", num );
});
</script>
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Мне кажется, будет как-то так

<script>

$( "#tabs" ).tabs();
var num = 0, len = 2;
$( ".next, .prev" ).on("click",function() {
num += $(this).is(".next") ? 1 : -1;
num = Math.max(0, Math.min(num, len));
$( "#tabs" ).tabs( "option", "active", num );
});
</script>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы