如何有選擇地禁用可排序的jQuery UI？

Question

我有一個包含兩個項目的列表：項目和組。 項目可以分組進行。 我在這里有非常簡單的代碼：

http://jsfiddle.net/davestein/fgWEU/

如何最好地禁止小組進入小組？ 我本來制作了不同的關聯列表，但在各個列表之間拖動會比較笨拙。

Answer 1

到目前為止，我有此解決方案：

http://jsfiddle.net/davestein/fgWEU/4/

.on（'sortupdate'，function（e，ui）{

 if ( ui.item.hasClass('group') && ui.item.parent().hasClass( 'group-projects' ) ) { ui.item.parent().closest( '.group' ).after( ui.item ); } }); 

它有效，但我仍然想知道是否還有更好的方法

Answer 2

嘗試這個：

stop: function(event, ui) {
    if ($(ui.item).hasClass('group') && $(ui.item).parent().hasClass('group')) {
        $(this).sortable('cancel');
    }
}

http://jsfiddle.net/rjVbC/