1

我有以下代码:

jQuery("#wiggle-available, #wiggle-current" ).sortable({
        connectWith: ".wiggle-connect",
        items: 'li.sortable',
        placeholder: "ui-state-highlight"
}).disableSelection();

所以,基本上我有 2 个可排序的列表,我可以在它们之间转移项目。问题是,在我的第二个列表中,我希望第一个和最后一个项目不可拖动且不可排序(它们没有sortable类,所以一切都很好)。

当列表中填充了 3 个以上的项目(2 个固定的项目和它们之间的一个)时,它可以正常工作,但是一旦我从中间删除了 1 个项目,我就不能在剩下的 2 个项目之间插入任何东西,仅在列表的末尾。

2 个问题: 1. 是否有可能让我在 2 个不可排序的项目之间插入项目?2. 是否可以禁用在列表末尾添加项目?

4

1 回答 1

1

找到了解决方案 :) 对于任何可能感兴趣的人:

解决方法是sortable在这两个不可排序的项目之间添加一个可排序的项目(带有类),高度为 0。这样用户就看不到它,也不能把它拖走。该列表始​​终有 3 个项目,但显示 2 个。它解决了我的两个问题:)

可能会在调用时引起问题,.sortable("serialize")但在我的情况下,这不是问题,并且有解决方法。

于 2012-11-15T15:19:06.777 回答