javascript - 我怎样才能有选择地禁用一个 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/