Задать вопрос
dazle
@dazle
Хороший электрик, но в душе программист

Почему не работает код с touchSwipe?

Подключил нужные библиотеки:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
<script src="jQuery/jquery.touchSwipe.min.js"></script>
<script src="jQuery/jquery-3.0.0.js"></script>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>

Cам код:
<div id="test"></div>

<script>

$(function() {      
      //Enable swiping...
      $("#test").swipe( {
        //Generic swipe handler for all directions
        swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
          $("#test").text("You swiped " + direction );  
        },
        //Default is 75px, set to 0 for demo so any distance triggers swipe
         threshold:75px;
      });
    });

</script>

В интернете находил рабочий код вставлял себе на сайт, не работает все перепробовал.
  • Вопрос задан
  • 67 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
Elaryks
@Elaryks
В коде несколько проблем:
  1. Вы одновременно загружаете три разных версии jQuery. Это не очень хорошо. При этом что-то грузится с CDN, что-то — из проекта.
  2. jQuery нужно загрузить первой, т. к. плагин для свайпа её использует. И убедитесь, что сам файл плагина touchSwipe у вас есть в проекте.
  3. Точка с запятой и "px" не нужны после threshold.


Вот рабочий пример (в нём jQuery и touchSwipe загружаются из CDN):

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы