第一次和最后一次禁用时,jQuery UI Sortable失败

时间:2012-11-15 14:54:45

标签: jquery jquery-ui jquery-ui-sortable

我有以下代码:

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

所以,基本上我有2个可排序的列表,在这些列表之间我可以传输项目。问题是,在我的第二个列表中,我希望第一个和最后一个项目不可拖动&不可排序(他们没有sortable级,所以那里都很好。)

当列表中包含3个以上的项目(2个固定项目和1个项目之间)时,它可以正常工作,但只要我从中间删除了1个项目,我就无法在左边的两个项目,仅在列表的末尾。

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

1 个答案:

答案 0 :(得分:1)

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

修复是在这两个不可排序的项目之间添加一个可排序的项目(sortable类),高度为0。这样用户无法看到它并且无法将其拖走。该列表总是有3个项目,但显示2个。它解决了我的问题:)

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