Jquery mobile 使jQuery Mobile listview可通过拖放进行排序&;电话间隙下降

Jquery mobile 使jQuery Mobile listview可通过拖放进行排序&;电话间隙下降,jquery-mobile,cordova,draggable,jquery-ui-sortable,Jquery Mobile,Cordova,Draggable,Jquery Ui Sortable,在这个站点和其他类似的站点上有一些问题,但是对于我在Phonegap 2.9、jQuery 2.0.3和jQM 1.3.2上的实现来说,没有一个是可行的 一般的共识是,您需要将jQuery UI和一个称为jQuery UI Touch Punch的小库结合起来,以“愚弄”jQuery UI的鼠标事件来处理触摸事件。您可以在此博客上看到这种方法:。基本上,您只需包括jQuery UI和Touch Punch库,并使用以下语法: <script> $(document).bind('pa

在这个站点和其他类似的站点上有一些问题,但是对于我在Phonegap 2.9、jQuery 2.0.3和jQM 1.3.2上的实现来说,没有一个是可行的

一般的共识是,您需要将jQuery UI和一个称为jQuery UI Touch Punch的小库结合起来,以“愚弄”jQuery UI的鼠标事件来处理触摸事件。您可以在此博客上看到这种方法:。基本上,您只需包括jQuery UI和Touch Punch库,并使用以下语法:

<script>
$(document).bind('pageinit', function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
<!-- Refresh list to the end of sort to have a correct display -->
$( "#sortable" ).bind( "sortstop", function(event, ui) {
  $('#sortable').listview('refresh');
});
});
</script>

$(document).bind('pageinit',function(){
$(“#可排序”).sortable();
$(“#可排序”).disableSelection();
$(“#sortable”).bind(“sortstop”,函数(事件,用户界面){
$(“#可排序”).listview(“刷新”);
});
});
但是,唉,当我在我的Phonegap构建应用程序中使用它时,这不起作用。我可以清楚地拖放listview
  • ,但listview从未刷新以实际完成拖放。令人恼火的是,在我的测试手机浏览器上有一个非常好的演示。所有这些,但当嵌入到Phonegap中时就不起作用了

    我通过反复试验发现,如果页面上有一个重置按钮,当我按下重置按钮时,listview项会捕捉到位。所以,从逻辑上讲,我试图用
    .click()模拟这一点调用,但这些都不起作用。我已经搜索了互联网站,并尽我所能跟踪phonegap应用程序中的stacktrace,但我还没有找到解决方案。另外,我不想把jQuery UI合并到我的jQuery移动应用程序中


    是否有人为当前版本的Phonegap和jQuery Mobile找到了一个有效的解决方案,供用户拖放可排序列表?

    我发现,总体而言,在构建Cordova/Phonegap环境的同时减少对jQuery可排序功能的依赖是一个值得花费的时间。在移动应用程序中对html表格元素进行排序非常适合/

    我也有同样的问题。其他帖子中提到的演示站点可以正常工作,但部署到phonegap时无法正常工作。我试图创建一个代表故事的图像列表,并让最终用户移动它们以创建他们选择的故事顺序。您找到解决方案了吗?显然,这里有人对jquery感到非常自豪,对建议使用替代库的答案进行了降级