Библиотека перетаскивания jQuery Amigo-sorter не работает должным образом - PullRequest
0 голосов
/ 25 января 2019

У меня проблема с библиотекой сортировщика Amigo.Я динамически добавляю теги LI в UL при установке флажка, впоследствии хочу отсортировать путем перетаскивания.Он отлично работает на ПК, но когда я использую мобильный телефон.Когда я впервые нажимаю на любой флажок, он добавляет тег LI и перетаскивается.Но следующий щелчок по другим флажкам ничего не делает.
Есть идеи, в чем проблема, пожалуйста?

Пожалуйста, смотрите jsfiddle: http://jsfiddle.net/2vf8rgc7/

<html>
<section class="wrapper">
    <div>
      <input type="checkbox" value="January">January</input>
    </div>
     <div>
       <input type="checkbox" value="February">February</input>
    </div>
     <div>
       <input type="checkbox" value="March">March</input>
    </div>
    </section>

   <ul class="sorter">
   </ul>
</html>

// javascript
$(document).ready(function(){

    $(document).on('change', '.wrapper', function(ev){
      let elem = document.createElement("li");
      elem.innerHTML = "<span>" + ev.target.value + "</span>";
      document.querySelector(".sorter").appendChild(elem);

       // after each change run the drag and drop function
      $('ul.sorter').amigoSorter({
        li_helper: "li_helper",
        li_empty: "empty",
        onTouchStart : function() {},
        onTouchMove : function() {},
        onTouchEnd : function() {}
        });

    });

  });

1 Ответ

0 голосов
/ 26 января 2019

Я обнаружил, что проблема в том, что в функции сортировки Amigo есть функция protectDefault, из-за которой следующее изменение не работает.Если я удаляю его, он работает, но мне еще нужно выяснить, как остановить одновременную прокрутку при перетаскивании.Я имею в виду что-то вроде проверки позиции, где я нажимаю (касаюсь), и если позиция находится только внутри UL, тогда запускаю предотвращение дефолта.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...