Показать сообщение отдельно
  #2 (permalink)  
Старый 28.03.2019, 14:15
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от puzjob
о никак не могу разобраться как задать координаты этому свайпу!
Все параметры, которые вы можете задавать, вам выданы в параметрах!

Вот сделал пример, перетяните в примере с правой части (но не далее 200 пкс) в левую сторону и событие запустится!
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js"></script>
	<script>

		$(document).swipe({
			allowPageScroll: "vertical",
			triggerOnTouchEnd: true,
			threshold: 100,
			swipeStatus: function(event, phase, direction, distance) {
				if(phase === "start") {
					this.isRight = event.offsetX > event.target.offsetWidth - 200;
				} else if(phase === "end") {
					if(this.isRight && direction === "left") {
						alert("Trigger!");
					}
				}
			}
		});

	</script>
</body>

</html>
Сообщение от puzjob
вот вся документация с примерами - http://labs.rampinteractive.co.uk/to...ocs/index.html
Все изучил, но так и не смог разобраться ((((
Странно, как это вам так не удалось!

UPD Ясно, почему не удалось! Скрытая реклама
Сообщение от puzjob
поставил свайп
Svipe is an app by Salomondrin

UPD2 Я вас не правильно понял!

Последний раз редактировалось Malleys, 28.03.2019 в 17:34.
Ответить с цитированием