列表视图之间的 JQuery Droppable 和 Draggable - 列表视图中没有排序

Question

我正在使用cordova、jquery mobile 和touch punch 开发一个移动应用程序。我有两个类似于示例的列表视图：https://jqueryui.com/sortable/#connect-lists 代码：

$(function() {
    $("#sortable1, #sortable2").sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});   

但是，我不希望列表本身可以排序，因为如果用户向上和向下滑动列表，这会干扰滚动。这两个列表都可能很长。因此，我想防止在 ul 中排序，但保留可拖动和可放置属性。有什么想法吗？

Answer 1

你可以这样做：

 $(function() {
   $("#list1 li, #list2 li").draggable({
     helper: "clone"
   });
   $("#list1, #list2").droppable({
     drop: function(ev, ui) {
       $(this).append(ui.draggable);
     }
   });
 });

Online demo(jsFiddle)