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。哦,谢谢!现在它起作用了。谢谢你对我问题的更正。下次我会更好。