28.03.2019, 11:54
|
|
Аспирант
|
|
Регистрация: 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
Все изучил, но так и не смог разобраться ((((
Весь интернет перерыл, так и не смог найти примера. Помогите пожалуйста, кто разбирается!!! |
|
28.03.2019, 14:15
|
 |
Профессор
|
|
Регистрация: 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>
Странно, как это вам так не удалось!
UPD Ясно, почему не удалось! Скрытая реклама
|
Сообщение от puzjob
|
|
поставил свайп
|
Svipe is an app by Salomondrin
UPD2 Я вас не правильно понял!
Последний раз редактировалось Malleys, 28.03.2019 в 17:34.
|
|
28.03.2019, 15:19
|
|
Аспирант
|
|
Регистрация: 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
|
Какая еще реклама???
|
|
28.03.2019, 15:51
|
|
Профессор
|
|
Регистрация: 20.12.2009
Сообщений: 1,714
|
|
|
Сообщение от puzjob
|
|
Какая еще реклама???
|
Пример работает так, как вам надо? Я думаю дальше сами можете разобраться, оно просто выводит alert, когда с правой стороны потянуть влево. Или вы просто хотели, чтобы я посмотрел рекламу? |
|
28.03.2019, 16:39
|
|
Аспирант
|
|
Регистрация: 10.09.2015
Сообщений: 44
|
|
|
Сообщение от Malleys
|
|
Пример работает так, как вам надо? Я думаю дальше сами можете разобраться, оно просто выводит alert, когда с правой стороны потянуть влево. Или вы просто хотели, чтобы я посмотрел рекламу?
|
Все равно не пойму о какой рекламе идет речь!!!
В любом случае спасибо за помощь!!! |
|
28.03.2019, 16:49
|
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,791
|
|
|
Сообщение от Malleys
|
|
Или вы просто хотели, чтобы я посмотрел рекламу?
|
По ссылке, что предоставил автор топика рекламы нет.
Ну или она очень-очень скрытая, что если её не усердно искать, то и найти не получится. |
|
28.03.2019, 17:19
|
|
Профессор
|
|
Регистрация: 20.12.2009
Сообщений: 1,714
|
|
|
Сообщение от Nexus
|
|
По ссылке, что предоставил автор топика рекламы нет.
|
Да, там нету. Я про
|
Сообщение от puzjob
|
|
Подключил себе библиотеку jquery.touchSwipe.min.js, поставил свайп... как задать координаты этому свайпу... Задача сделать свайп...
|
ну я и пошёл смотреть, что за svipe... Похоже автор просто не отличает swipe от svipe, а то я подумал, что это какая-то особенная штучка там должна проявляться после пролистывания влево...
puzjob, прошу прощения, я вас не понял!
Последний раз редактировалось Malleys, 28.03.2019 в 17:25.
|
|
|
|
