如何选择性地禁用可排序的 jQuery UI 的删除

How can I optionally disable a drop of a jQuery UI sortable?

本文关键字：排序 jQuery UI 删除 选择性      更新时间：2023-09-26

>我有一个列表，其中包含两个项目：项目和组。项目可以分组进行。我这里有非常简单的代码：

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

如何最好地禁止组进入组？我最初制作了不同的连接列表，但在事物之间拖动感觉更笨拙。

到目前为止

我有这个解决方案：

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 );
}
 });

它有效，但我仍然想知道是否有更好的东西

试试这个：

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

http://jsfiddle.net/rjVbC/

相关文章：