jQuery Ui 的延迟选项 Sortable 在 iOS 上不起作用

Question

我正在使用 jQuery UI Touch Punch 在 iOS Safari 上启用排序功能。 Sortable on iOS 工作正常，但我看不到任何选项（即延迟、距离等）正常运行。所有选项都适用于浏览器，只是不适用于 iOS。我列出了加载的依赖项和我使用的顺序。同样，问题不在于 iOS 上的 Sortable，而是 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>

Answer 1

我想也许您的 punch ui 版本有误或放错了地方。这是一个工作示例。

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

jQuery Ui 的延迟选项 Sortable 在 iOS 上不起作用

Delay option for jQuery Ui Sortable doesn't work on iOS

ios

jquery-ui

jquery-ui-sortable

jquery-ui-touch-punch