Touchswipe jquery не работает

Плагин jQuery TouchSwipe не работает со ссылками?

Я использую плагин jQuery TouchSwipe. Он отлично работает с div, но совсем не работает со ссылками.

Я хочу, чтобы, если вы нажмете или щелкнете ссылку, вы получите поведение ссылки по умолчанию. Но если вы проведете пальцем по экрану, я хочу, чтобы свайп в javascript сработал, как если бы элемент был div.

2 ответа

Какой замечательный вопрос. Чтобы решить эту проблему за вас, я вошел в исходный код. Вы должны знать, что пролистывание привязки по умолчанию отключено .

версия: 1.5.0 — Добавлен excludedElements, селектор jquery, который определяет дочерние элементы, которые НЕ запускают свайпы. По умолчанию это тот вариант выбора, который удаляет всю форму, выбор ввода, кнопку и элементы привязки (источник).

По умолчанию:

Просто передайте параметр excludedElements без тега привязки, чтобы перелистывание ссылок работало:

Есть еще один ключ к разгадке этой загадки. Вы не должны устанавливать threshold: 0 как внутреннее, что отключит все события касания / щелчка. Установите threshold на любое значение больше 0 или полностью опустите его. Если вы сделаете это threshold: 1 , он будет разрешать только очень неподвижные щелчки мышью, иначе смахивания будут интерпретироваться.

Надеюсь, это то, что вы ищете.

Демонстрация 1 — обнаружение свайпа после перемещения пальца / мыши вверх

Демонстрация 2. Свайп обнаружен после порогового значения.

Эта версия обнаружит смахивание после того, как палец / мышь пройдет через threshold пикселей перед отпусканием пальца / мыши. Этот метод работает путем обнаружения смахивания и установки некоторого data в ссылке, которая читается первым обработчиком кликов, который затем блокирует распространение события одного клика.

Это не оптимально, но вы можете использовать любой элемент со стилем, аналогичным стилю ссылки, и обрабатывать параметр направления таким же образом.

PS. Только что заметил, сколько лет этому посту, надеюсь, он будет полезен в любом случае, ха-ха

Источник

Плагин jQuery TouchSwipe не работает с ссылками?

Im, используя плагин jQuery TouchSwipe. Он отлично работает на div, но не работает вообще на ссылках.

Я хочу, чтобы это произошло, если вы нажмете или щелкните ссылку, которую вы получили по умолчанию. Но если вы проведите пальцем, я хочу, чтобы javascript запустился, как будто этот элемент был div.

Какой замечательный вопрос. Чтобы решить это для вас, я вошел в исходный код. Вы должны знать, что привязка якоря отключена по умолчанию.

version: 1.5.0 — Добавлен excludedElements, селектор jquery, который задает дочерние элементы, которые НЕ запускают swipes. По умолчанию это один элемент, который удаляет всю форму, кнопку ввода, кнопку и элементы привязки (источник).

Значение по умолчанию:

Просто перейдите в опцию excludedElements без тега привязки, чтобы заставить работать по ссылкам:

Есть еще один ключ к этой загадке. Вы не должны устанавливать threshold: 0 как внутренне, который отключит все события нажатия/клика. Установите threshold на что-либо выше 0 или полностью опустите. Если вы сделаете это threshold: 1 , это позволит делать только очень быстрые щелчки мыши, иначе swipes будет интерпретироваться.

Надеюсь, это то, что вы ищете.

Демонстрация 1 — Проведите пальцем по указателю мыши/мыши вверх

Демонстрация 2 — Проведите по экрану после порога

Эта версия обнаружит салфетки после того, как пальцы/мышь прокатилась над threshold пикселями, прежде чем отпускать палец/мышь. Этот метод работает, обнаруживая салфетки и устанавливая некоторые data в ссылке, которая считывается первым обработчиком кликов, который затем блокирует распространение события одного клика.

Источник

плагин jQuery TouchSwipe не работает по ссылкам?

Im с помощью плагина jQuery TouchSwipe. Его работа отлично работает на divs, но не работает вообще на ссылках.

Я хочу, чтобы, если вы нажмете или щелкните ссылку, вы получите поведение ссылки по умолчанию. Но если вы проведите пальцем, я хочу, чтобы JavaScript-салфетки срабатывали, как если бы элемент был div.

2 ответов

какой замечательный вопрос. Чтобы решить это для вас, я вошел в исходный код. Вы должны знать, что якорь проводя составляет отключен по умолчанию.

версия: 1.5.0-добавлен excludedElements, селектор jquery, который указывает дочерние элементы, которые не вызывают swipes. По умолчанию это один выбор, который удаляет все формы, выбор ввода, кнопку и анкерные элементы (источник).

по умолчанию:

просто пройти в excludedElements опция без тега якоря, чтобы сделать работу считывания по ссылкам:

есть еще один ключ к этой загадке. Вы не должны устанавливать threshold: 0 как внутренне, что отключит все события крана / щелчка. Set threshold ко всему, что выше 0, или опустить его полностью. Если вы сделаете это threshold: 1 , это позволит только очень еще щелчки мыши, иначе пойло будет интерпретироваться.

я надеюсь, это то, что вы ищете.

Demo 1-размах обнаружен после пальца / мыши вверх

Demo 2-размах обнаружен после порога

эта версия обнаружит салфетки после того, как палец / мышь пронеслась над threshold пиксели до отпуская палец/мышь. Этот метод работает путем обнаружения салфетки и установка некоторых data в ссылке, которая читается обработчиком первого щелчка, который затем блокирует один нажать распространения событий.

это не оптимально, но вы можете использовать любой элемент со стилем, подобным стилю ссылки, и обрабатывать параметр direction так.

PS. Просто заметил, как старый этот пост, надеюсь, что это будет полезно в любом случае, ха-ха

Источник

jQuery TouchSwipe plugin doesn’t work on links?

Im using the jQuery TouchSwipe plugin. Its working great on divs but its not working at all on links.

I want it so if you tap or click a link you get the default link behaviour. But if you swipe I want the javascript swipe to fire as if the element was a div.

2 Answers 2

What a wonderful question. To solve this for you, I went into the source code. You should know that anchor swiping is disabled by default.

version: 1.5.0 — Added excludedElements, a jquery selector that specifies child elements that do NOT trigger swipes. By default, this is one select that removes all form, input select, button and anchor elements (source).

Defaults:

Simply pass in the excludedElements option sans the anchor tag to make swiping work on links:

There is one more key to this puzzle. You must not set threshold: 0 as internally that will disable all tap/click events. Set threshold to anything higher than 0, or omit it completely. If you make it threshold: 1 , it will permit only very still mouse clicks, else swipes will be interpreted.

I hope this is what you are looking for.

Demo 1 — Swipe detected after finger/mouse up

Demo 2 — Swipe detected after a threshold

This version will detect a swipe after the finger/mouse has swept over threshold pixels before releasing the finger/mouse. This method works by detecting a swipe and setting some data in the link which is read by the first click handler which then blocks one click event propagation.

Источник

jQuery Mobile swipe not working

I am working on to create my own image gallery for a project. For that I need swipe event. So found the below code on jsfiddle. Inserted all the necessary files. It shows the list and all.. But still the swipe is not working.? Am I writing the jquery code in the right place? Or something wrong? Here`s my code:

2 Answers 2

Try with pageinit handler for jQuery mobile:

Because the jquery-mobile event is triggered immediately, you’ll need to bind your event handler before jQuery Mobile is loaded. Link to your JavaScript files in the following order:

This was driving me nuts too..I didn’t have to use .on(‘pageinit’) as suggested in previous post. Turns out my syntax was correct in my JQuery, but CASE SENSITIVTY was my issue. ‘swiperight’ didn’t work, but ‘swipeRight’ did! The below code worked for me, and also fixed the issue of Swipe preventing up and down document scrolling in mobile browsers. Be sure to specify the swipeRight and swipeLeft methods seperately instead of one generic ‘swipe’ class and you’re good to go! * Take note of the Exclude Elements line at the bottom, notice I took ‘span’ out of the list, to allow swiping on the commonly used, span element.

Not the answer you’re looking for? Browse other questions tagged jquery jquery-mobile or ask your own question.

Related

Hot Network Questions

Subscribe to RSS

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

site design / logo © 2021 Stack Exchange Inc; user contributions licensed under cc by-sa. rev 2021.10.15.40479

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.

Источник