Javascript jQuery-如何在可排序的交互中阻止div移动

我需要停止beign sortable中的粉色第1部分、第2部分和第3部分，因为它们是我专栏的标题，它们需要保持在准确的固定位置。我该怎么做？我试着用“取消”，但我真的不知道该放在哪里

另外，如果你有机会发现任何写得不好的东西，请原谅，如果你有时间，请通知我。我刚开始，我真的不擅长这个

html，
身体{
填充：0；
保证金：0；
宽度：100%；
身高：100%；
溢出：隐藏；
}
#主容器{
背景颜色：绿色；
宽度：100%；
身高：100%；
保证金：自动；
}
.column div{
宽度：300px；
身高：100%；
浮动：左；
右边距：10px；
}
.列名{
宽度：100%；
高度：30px；
文本对齐：居中；
背景颜色：粉红色；
}
.用户{
宽度：100%；
高度：50px；
背景颜色：灰色；
边框：2倍纯黄色；
}
#水族{
背景色：浅绿色；
}
#红色的{
背景色：红色；
}
#橙色的{
背景颜色：橙色；
}
第一部分
第二部分
第三部分
$（函数（）{
$（“.column div”）。可排序({
连接到：“.column div”
}).disableSelection（）；
});

有一个项目，允许您设置可排序的选择器 这里是文档的链接

在你的情况下，可能是这样的

$(".column-div").sortable({
    connectWith: ".column-div",
    items: '.user'
  }).disableSelection();

---

有一个允许您设置排序表选择器的项目 这里是文档的链接

在你的情况下，可能是这样的

$(".column-div").sortable({
    connectWith: ".column-div",
    items: '.user'
  }).disableSelection();

---

使用cancel属性取消列名的排序

$（函数（）{
$（“.column div”）。可排序({
连接到：“.column div”，
取消：“.列名”
}).disableSelection（）；
});

html，
身体{
填充：0；
保证金：0；
宽度：100%；
身高：100%；
溢出：隐藏；
}
#主容器{
背景颜色：绿色；
宽度：100%；
身高：100%；
保证金：自动；
}
.column div{
宽度：300px；
身高：100%；
浮动：左；
右边距：10px；
}
.列名{
宽度：100%；
高度：30px；
文本对齐：居中；
背景颜色：粉红色；
}
.用户{
宽度：100%；
高度：50px；
背景颜色：灰色；
边框：2倍纯黄色；
}
#水族{
背景色：浅绿色；
}
#红色的{
背景色：红色；
}
#橙色的{
背景颜色：橙色；
}
第一部分
第二部分
第三部分
使用cancel属性取消列名的排序


$（函数（）{
$（“.column div”）。可排序({
连接到：“.column div”，
取消：“.列名”
}).disableSelection（）；
});

html，
身体{
填充：0；
保证金：0；
宽度：100%；
身高：100%；
溢出：隐藏；
}
#主容器{
背景颜色：绿色；
宽度：100%；
身高：100%；
保证金：自动；
}
.column div{
宽度：300px；
身高：100%；
浮动：左；
右边距：10px；
}
.列名{
宽度：100%；
高度：30px；
文本对齐：居中；
背景颜色：粉红色；
}
.用户{
宽度：100%；
高度：50px；
背景颜色：灰色；
边框：2倍纯黄色；
}
#水族{
背景色：浅绿色；
}
#红色的{
背景色：红色；
}
#橙色的{
背景颜色：橙色；
}
第一部分
第二部分
第三部分
您是否尝试过某个条件？例如和If/Else？不，我没有，我真的不知道如何在我目前的情况下实现一个。你试过一个条件吗？像和如果/否则？不，我没有，我真的不知道如何在我目前的情况下实现一个。我使用items属性只对我想要的元素应用排序。在我的情况下，cancel对我来说更好吗？应该是帮助meI的Samethaks使用items属性将排序仅应用于我想要的元素。对我来说，取消对我更好吗？应该是sameThanks帮了我