Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   координаты в jquery.touchSwipe.min.js (https://javascript.ru/forum/dom-window/77131-koordinaty-v-jquery-touchswipe-min-js.html)

puzjob 28.03.2019 11:54
координаты в jquery.touchSwipe.min.js
 
Здравствуйте!
Господа, помогите пожалуйста!!!
Подключил себе библиотеку jquery.touchSwipe.min.js, поставил свайп, но никак не могу разобраться как задать координаты этому свайпу! Задача сделать свайп от правого края экрана. Вот сам скрипт
$("body").swipe({
 swipeLeft:function(event, direction, distance, duration, fingerCount, fingerData) {
   
  $('.icon-Xmark.wff_Xmark_icon_white')[0].click();
   
 },
 triggerOnTouchEnd:false,
 threshold:100     
  
      
});


вот вся документация с примерами - http://labs.rampinteractive.co.uk/to...ocs/index.html
Все изучил, но так и не смог разобраться ((((
Весь интернет перерыл, так и не смог найти примера. Помогите пожалуйста, кто разбирается!!!

Malleys 28.03.2019 14:15
Цитата:
Сообщение от 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 Я вас не правильно понял!

puzjob 28.03.2019 15:19
Цитата:
Сообщение от Malleys (Сообщение 505678)
Зачем вам задавать, ведь вам так и так выдают всё, что нужно в параметрах!

Вот сделал пример, перетяните в примере с правой части (но не далее 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>
Странно, как это вам так не удалось!

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

Malleys 28.03.2019 15:51
Цитата:
Сообщение от puzjob
Какая еще реклама???
Пример работает так, как вам надо? Я думаю дальше сами можете разобраться, оно просто выводит alert, когда с правой стороны потянуть влево. Или вы просто хотели, чтобы я посмотрел рекламу?

puzjob 28.03.2019 16:39
Цитата:
Сообщение от Malleys (Сообщение 505683)
Пример работает так, как вам надо? Я думаю дальше сами можете разобраться, оно просто выводит alert, когда с правой стороны потянуть влево. Или вы просто хотели, чтобы я посмотрел рекламу?

Все равно не пойму о какой рекламе идет речь!!!

В любом случае спасибо за помощь!!!

Nexus 28.03.2019 16:49
Цитата:
Сообщение от Malleys
Или вы просто хотели, чтобы я посмотрел рекламу?
По ссылке, что предоставил автор топика рекламы нет.
Ну или она очень-очень скрытая, что если её не усердно искать, то и найти не получится.

Malleys 28.03.2019 17:19
Цитата:
Сообщение от Nexus
По ссылке, что предоставил автор топика рекламы нет.
Да, там нету. Я про
Цитата:
Сообщение от puzjob
Подключил себе библиотеку jquery.touchSwipe.min.js, поставил свайп... как задать координаты этому свайпу... Задача сделать свайп...
ну я и пошёл смотреть, что за svipe... Похоже автор просто не отличает swipe от svipe, а то я подумал, что это какая-то особенная штучка там должна проявляться после пролистывания влево...

puzjob, прошу прощения, я вас не понял!


Часовой пояс GMT +3, время: 08:02.