Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.03.2019, 11:54
Аспирант
Отправить личное сообщение для puzjob Посмотреть профиль Найти все сообщения от puzjob
 
Регистрация: 10.09.2015
Сообщений: 44

координаты в 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
Все изучил, но так и не смог разобраться ((((
Весь интернет перерыл, так и не смог найти примера. Помогите пожалуйста, кто разбирается!!!
Ответить с цитированием
  #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.
Ответить с цитированием
  #3 (permalink)  
Старый 28.03.2019, 15:19
Аспирант
Отправить личное сообщение для puzjob Посмотреть профиль Найти все сообщения от puzjob
 
Регистрация: 10.09.2015
Сообщений: 44

Сообщение от Malleys Посмотреть сообщение
Зачем вам задавать, ведь вам так и так выдают всё, что нужно в параметрах!

Вот сделал пример, перетяните в примере с правой части (но не далее 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
Какая еще реклама???
Ответить с цитированием
  #4 (permalink)  
Старый 28.03.2019, 15:51
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от puzjob
Какая еще реклама???
Пример работает так, как вам надо? Я думаю дальше сами можете разобраться, оно просто выводит alert, когда с правой стороны потянуть влево. Или вы просто хотели, чтобы я посмотрел рекламу?
Ответить с цитированием
  #5 (permalink)  
Старый 28.03.2019, 16:39
Аспирант
Отправить личное сообщение для puzjob Посмотреть профиль Найти все сообщения от puzjob
 
Регистрация: 10.09.2015
Сообщений: 44

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

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

В любом случае спасибо за помощь!!!
Ответить с цитированием
  #6 (permalink)  
Старый 28.03.2019, 16:49
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,706

Сообщение от Malleys
Или вы просто хотели, чтобы я посмотрел рекламу?
По ссылке, что предоставил автор топика рекламы нет.
Ну или она очень-очень скрытая, что если её не усердно искать, то и найти не получится.
Ответить с цитированием
  #7 (permalink)  
Старый 28.03.2019, 17:19
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

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

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить координаты ячейки из <table> Пупел Общие вопросы Javascript 12 20.06.2019 16:40
range, selection координаты zebra Общие вопросы Javascript 2 16.04.2014 00:23
Координаты выделенного слова или координаты после двойного нажатие на слово olexand777 Events/DOM/Window 10 26.03.2013 11:37
Координаты выделенного слова или координаты после двойного нажатие на слово olexand777 jQuery 1 25.03.2013 17:36
Координаты картинки после движения Lisenok Общие вопросы Javascript 10 30.10.2009 19:58