Listview jQuery Mobile中的可排序列表视图

jQuery Mobile中是否有使ListView可排序的功能

所谓可排序，我指的是用户可以通过拖动对列表中的元素重新排序，就像在iPhone上一样

在listview上应用jQuery UI可排序效果可使其在桌面浏览器上可排序，但在移动设备上不可排序

更新：

---

我在尝试解决办法。Touch Punch使拖放功能正常工作，但仅当列表不超过设备屏幕时。如果某些项目不在屏幕上（您需要向下滚动才能看到它们），则功能会被破坏：当您拖动项目时，它会得到错误的位置。

一个简单的解决方案是使用jquery ui sortable和jquery mobile list view，请参阅代码：

<ul data-role="listview" class="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>
        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

第1项
第2项
第3项
第4项
第5项
第6项
第7项

并确保将jqueryui库添加到

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>

然后调用可排序函数：

<script>
        $(function() {
                $( ".sortable" ).sortable();
                $( ".sortable" ).disableSelection();
        });
</script>

$（函数（）{
$（“.sortable”）.sortable（）；
$（“.sortable”）.disableSelection（）；
});

---

我希望这能有所帮助……

你有什么收获吗？我的问题和你在更新中提到的完全一样。这几乎是一年前的事了，我不记得我到底做了什么。我想我只是添加了一个按钮来上下移动元素。谢谢你的回复，这几乎正是我所求助的。当然，没问题。很抱歉，我无法为您提供更好的解决方案。这在IE10或IE11中不起作用，但在兼容模式下确实起作用。这可以。。。直到有一天你看到混合jQueryUI和jQueryMobile的所有奇怪错误。我强烈不建议这样做！