Question

我正在使用jQuery UI Touch Punch在iOS Safari上启用Sortable功能。在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

我想也许你有错误的打印版本ui或放错位置。这是一个有效的例子。

＆＃13;

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

＆＃13;

jQuery Ui Sortable的延迟选项不适用于iOS

1 个答案: