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

Question

[ВладиМИР]

Подключил нужные библиотеки:

<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>

В интернете находил рабочий код вставлял себе на сайт, не работает все перепробовал.

Answer 1

[Elaryks]

В коде несколько проблем:

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

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

Comments

[ВладиМИР]

да удалил старые версии пакетов и код заработал, спасибо.