JQuery 列表视图之间的可拖放和可拖动 - 列表视图中没有排序

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);
     }
   });
 });

在线演示(jsFiddle(