如何限制嵌套可吸收子级别
How to limit NestedSortables sublevels?
我使用 http://mootools.net/forge/p/nestedsortables 对 li 元素列表进行排序,现在它可以将它们排序为无限的子级别。我需要将其限制为只有一个子级别。
https://jsfiddle.net/dq3xqvu9/
new NestedSortables('menu', {
onStart: function(el) { },
onComplete: function(el) { }
});
很好 - 我希望能够将它们移动到一个子级别:
- 列表项
- 列表项
- 列表项
- 列表项
不好 - 默认情况下,嵌套可替代允许您将项目移动到无限的子级别,例如:
- 列表项
- 列表项
- 列表项
- 列表项
- 列表项
- 列表项
我在NestedSortables Class中添加了这三个限制:
abort += (this.getDepth(dest, (move == 'inside')) > 1);
abort += ((move == 'inside') && (el.getFirst('ul') != null));
abort += ((move != 'inside') && (el.getFirst('ul') != null) && (this.getDepth(dest, (move == 'inside')) > 0));
更新的 JSFiddle 上的完整代码。
此修改将子级别的数量限制为 1。
相关文章:
- Graphiti中的形状有任何可调整大小的限制吗
- 使用选择约束限制全日历中的可选框
- 如何在引导日期选取器中限制可选择的日期范围
- Datatablesjquery插件-限制可选择的行数
- 如何在adobeliveCycle表单中将可增长文本字段限制为5行
- 如何将此菜单的可点击区域限制为其文本
- 限制可放置jqueryui可排序项目的区域
- jQuery UI 可拖动:按像素限制可拖动区域
- 如何限制可拖动 SVG 形状的范围
- 是否有一组限制可用于模拟JavaScript中的函数式编程
- 如何对表进行可选限制
- 可选择的限制
- j查询可选限制
- 限制可观察数组中的项目数
- 如何防止儿童可吸收物克隆
- 如何限制嵌套可吸收子级别
- 将Yii CGridView的可选行限制为复选框列
- Jquery UI可排序需要限制拖动
- 带有dragBounds的kineticjs可拖动限制-不运行
- ReactJS为可吸收列表元素设置唯一键