0

我正在使用 jQuery UI Touch Punch 在 iOS Safari 上启用 Sortable 功能。iOS 上的 Sortable 工作正常，但我看不到任何选项（即延迟、距离等）正常工作。所有选项都可以在浏览器中使用，只是在 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>
4

1 回答 1

1

我想也许你有错误版本的打孔 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>

于 2017-01-08T05:12:32.710 回答