jQuery Ui 的延迟选项 Sortable 在 iOS 上不起作用
Delay option for jQuery Ui Sortable doesn't work on iOS
我正在使用 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>
我想也许您的 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 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>
我想也许您的 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>