Технические заметки

Подключаем в слайдере Bootstrap реакцию на тач

 25.06.2014    12:58

В Bootstrap замечательный слайдер, однако "из коробки" на touch- и swipe-события он не реагирует. Исправим это за 2 шага.

Шаг 1. Подключаем jquery.touchSwipe

<script src="//cdn.jsdelivr.net/jquery.touchswipe/1.6.5/jquery.touchSwipe.min.js"></script>

Шаг 2. Подключаем обработку событий

$(document).ready(function(){
	$(".carousel").swipe( {
		swipeLeft: function() {
			$(this).carousel("next");
		},
		swipeRight: function() {
			$(this).carousel("prev");
		},
		allowPageScroll: "vertical"
	});
});

Готово.

Поделиться




Читайте также:

UX-миф №26: тестирование юзабилити = фокус-группы

 19.06.2016    13:54

Когда доходит до сбора отзывов пользователей, тесты юзабилити и тесты на фокус-группах часто смешиваются. Хотя они имеют совершенно разные цели.

Подробнее

UX-миф №25: эстетика не нужна, если есть юзабилити

 02.06.2016    22:58

Есть такие специалисты по юзабилити, которые отвергают важность эстетики, часто ссылаясь на непривлекательные, но популярные сайты вроде Craigslist.

Тем не менее, у эстетики есть назначение.

Подробнее

UX-миф №24: люди будут использовать ваш продукт прямо так, как вы и задумывали

 27.05.2016    16:32

Даже если продукт был спроектирован специально для решения конкретных и известных заранее задач, пользователи не всегда используют его по назначению.

Подробнее