Параметр задержки для jQuery Ui Sortable не работает на iOS

Я использую jQuery UI Touch Punch, чтобы включить функцию Sortable в iOS Safari. Sortable на iOS работает нормально, но я не вижу, чтобы какие-либо параметры (например, задержка, расстояние и т. д.) работали должным образом. Все параметры работают в браузерах, но не на iOS. Я перечислил загруженные зависимости и порядок их использования. Опять же, проблема не в Sortable на iOS, а в параметрах Sortable. Какие-либо предложения?

<script src="assets/js/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>         
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script>$( function() {
            $( "#sortable" ).sortable({ scroll:"true", helper:"clone",     opacity: 0.5, cancel: false, delay: 500, distance:10});
        });</script>

ios jquery-ui jquery-ui-sortable jquery-ui-touch-punch
person Scott    schedule 08.01.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я думаю, возможно, у вас неправильная версия панч-интерфейса или он неуместен. Вот рабочий пример.

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>      
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
<style>#sortable li { padding: 0.4em; font-size: 1.4em; height: 20px; }</style>
<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
</ul>
<script>
$( function() {
  $( "#sortable" ).sortable({ scroll:"true", helper:"clone", opacity: 0.5, cancel: false, delay: 500, distance:10});
});
</script>

person volatilevar    schedule 08.01.2017
comment
Я использовал ваш простой пример, и он работает. Я сравнил файлы .js, и они одинаковы. Итак, у моего исходного html есть проблема, которая мешает. Я вернусь, как только выясню виновного. Спасибо. - person Scott; 08.01.2017
comment
Моя проблема заключалась в том, что у меня был неверный тег ввода как часть элемента группы списка. Еще раз спасибо. - person Scott; 08.01.2017
comment
@ Скотт Рад, что это помогло. Не могли бы вы установить это как правильный ответ? - person volatilevar; 09.01.2017
comment
Сделаю. Теперь без необходимости набираю больше символов, поэтому мой комментарий принят. - person Scott; 09.01.2017