Javascript Don';不允许在可排序列表中排序,请仅使用connectWith将它们移动到其他可排序列表

Javascript Don';不允许在可排序列表中排序,请仅使用connectWith将它们移动到其他可排序列表,javascript,jquery,html,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Html,Jquery Ui,Jquery Ui Sortable,我正在使用jQueryUI的.sortable功能。我有a表和b表。我希望用户能够: 将项目从列表a拖动到列表b,但不要从列表b拖动到列表a 对列表b中的项目进行排序,但对列表a中的项目进行排序 我的代码只满足第一个要求。我无法停止列表a中的项目排序 虽然答案中的代码会自动反转列表中的任何排序,但它不会阻止所有列表中的排序(这就是我要寻找的) $(“#可排序”).sortable({ 连接到:“#可排序2” }); $(“#可排序2”)。可排序({}) 列举 项目1 项目2 项目3 名单

我正在使用jQueryUI的
.sortable
功能。我有a表和b表。我希望用户能够:

  • 将项目从列表a拖动到列表b,但不要从列表b拖动到列表a
  • 对列表b中的项目进行排序,但对列表a中的项目进行排序
我的代码只满足第一个要求。我无法停止列表a中的项目排序

虽然答案中的代码会自动反转列表中的任何排序,但它不会阻止所有列表中的排序(这就是我要寻找的)

$(“#可排序”).sortable({
连接到:“#可排序2”
});
$(“#可排序2”)。可排序({})

列举

  • 项目1
  • 项目2
  • 项目3
  • 名单B

  • 项目1
  • 项目2
  • 项目3
  • 请查看:

    例如:

    $(函数(){
    $(“.drag>li”).draggable({
    connectToSortable:“.sort”,
    回复:“无效”
    });
    $(“.sort”).sortable();
    });
    
    ul{
    列表样式类型:无;
    保证金:0;
    填充:0;
    边缘底部:10px;
    }
    李{
    保证金:5px;
    填充物:5px;
    宽度:150px;
    }
    
    列举

    • 项目A
    • B项
    • 项目C
    名单B

    • 项目1
    • 项目2
    • 项目3
    清单c

    • 苹果
    • 蓝莓
    • 樱桃
    请查看:

    例如:

    $(函数(){
    $(“.drag>li”).draggable({
    connectToSortable:“.sort”,
    回复:“无效”
    });
    $(“.sort”).sortable();
    });
    
    ul{
    列表样式类型:无;
    保证金:0;
    填充:0;
    边缘底部:10px;
    }
    李{
    保证金:5px;
    填充物:5px;
    宽度:150px;
    }
    
    列举

    • 项目A
    • B项
    • 项目C
    名单B

    • 项目1
    • 项目2
    • 项目3
    清单c

    • 苹果
    • 蓝莓
    • 樱桃

    不要使用列表A上的可排序。使用列表A上的可拖动。不要使用列表A上的可排序。使用列表A上的可拖动。谢谢。如果有多个可排序的列表,我可以拖动列表A,那么它将如何工作?@ CeoDeSee,您需要使用正确的选择器:考虑使用一个应用于许多分类表的类选择器,或者列出所有的ID。请参阅更新。谢谢。如果有多个可排序的列表,我可以拖动列表A,那么它将如何工作?@ CeoDeSee,您需要使用正确的选择器:考虑使用一个应用于许多分类表的类选择器,或者列出所有的ID。请参阅更新。