达到限制时禁用/启用可排序

时间:2013-01-04 11:34:30

标签: jquery jquery-ui-sortable

我有两个列表,可排序和可排序连接。 当我在可排序连接列表中达到5个项目的限制时,我不希望能够添加另一个项目。但是如果我选择删除连接列表中的项目,我希望该列表再次激活。我还希望能够继续排序第二个列表。

列出一个

列出两个

我原本想用的 $(本).sortable( “禁用”);

但这会完全禁用LIST TWO。然后,我无法从列表中删除项目以使其低于配额。

我还发现: $(ui.sender).sortable( '取消'); 取消当前拖动的项目。问题是我正在移动克隆,所以我最终得到了LIST ONE中的克隆,我只想删除它。

注意DELETE功能是我想从连接列表中删除项目的时候。正在工作。但是一旦我达到配额并禁用可排序。它也不允许删除项目。

任何想法都赞赏。

Working example

1 个答案:

答案 0 :(得分:0)

也许您可以在更新回调函数中将其设置为:

替换:

if(($(this).find('li').length) >4) {
                    //alert('Player limit reached!');
                    $(this).sortable("disable");    
                }

人:

if(($(this).find('li').length) >5) {
                    $(ui.item).remove();    
                }

确实有更优雅的方式来做到这一点。