Javascript Don';不允许在可排序列表中排序,请仅使用connectWith将它们移动到其他可排序列表
我正在使用jQueryUI的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 名单
.sortable
功能。我有a表和b表。我希望用户能够:
- 将项目从列表a拖动到列表b,但不要从列表b拖动到列表a
- 对列表b中的项目进行排序,但对列表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。请参阅更新。