jquery可排序中的非移动droppables答案

【问题标题】：Non moving droppables in a jquery sortablejquery可排序中的非移动droppables
【发布时间】：2011-10-25 23:38:10
【问题描述】：

我是编码新手，希望有人可以帮助我。

我有一个从数据库中预先填充的列表。然后用户可以在这个列表中移动项目。我在此列表中使用可排序功能，因为我需要列表中项目的顺序。列表上也可以有可以填充其他项目的空白点。

我遇到的问题是，当我将一个项目移动到这个“空”插槽时，所有其他项目都会向上移动。这是一个例子

原始列表：

1 - 第 1 项（这是一个 li）
2 - 第 2 项（这是一个 li）
3 - （这是一个 div）
4 - 第 3 项（这是一个 li）

如果我将项目 1 移动到位置 3，我可以替换 div，但项目 2 移动到位置 1。并且项目 1 向上移动到位置 2（而不是保持在位置 3）。

有没有办法让它工作？如果需要，我可以提供我的代码。

Rgds, 莫希特

【问题讨论】：

【解决方案1】：

就像这样：

$('.sortable').sortable({ cancel: 'img span' });

不包括img和span元素，但可以有任意jquery表达式

【讨论】：