Javascript 可排序跳转到容器外

Javascript 可排序跳转到容器外,javascript,jquery,jquery-ui-sortable,Javascript,Jquery,Jquery Ui Sortable,我有一个问题。当我尝试移动项目时,它们首先飞出.row,然后我才能正常移动它 我做错了什么 $(“.items容器”)。可排序({ 容器选择器:“.items容器”, 项目选择器:“.item”, 容器路径:“>.行” }); 第一小组 Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯! 第二小组 Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯! 第三小组 Lorem ipsum dolor sit amet,奉献精英。发

我有一个问题。当我尝试移动项目时,它们首先飞出
.row
,然后我才能正常移动它

我做错了什么

$(“.items容器”)。可排序({
容器选择器:“.items容器”,
项目选择器:“.item”,
容器路径:“>.行”
});

第一小组
Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯!
第二小组
Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯!
第三小组
Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯!

我建议使用
itemPath
而不是
containerPath
,这是基于

文件对我来说有点模糊。它说
itemPath
是“项目与其子容器之间的确切css路径”。但在我看来,它似乎是容器与其项目之间的css路径,这就是
containerPath
应该定义的

我还添加了
占位符
选项,以便将引导样式应用于占位符元素

$(“.items容器”)。可排序({
容器选择器:“.items容器”,
itemPath:“>.row”,
项目选择器:“.item”,
占位符:“”
});
.row.拖动{
位置:绝对位置;
不透明度:0.5;
z指数:2000;
}

第一小组
Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯!
第二小组
Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯!
第三小组
Lorem ipsum dolor sit amet,奉献精英。发明家,沃鲁帕特斯!

你能把你的代码放在一个能说明问题的表格中吗?@wahwah我在我的项目中有类似的例子,只是想确认一下,你使用的是而不是showdev吗?@showdev是的,我使用的是Jonas von Andrian的jquery-sortable。哦,谢谢!现在它起作用了。谢谢你对我问题的更正。下次我会更好。