我有一个水平可排序的 Angular 列表,但包含选项不起作用,实际上会阻止拖动的项目被删除。
这是没有包含选项的可排序列表 - 请注意,有时您必须“摇动”盒子才能使它们掉落: http://jsfiddle.net/zobgawqt/
$scope.sortableOptions = {
tolerance: 'pointer',
update: function(event, ui) { alert(ui.item.index()); }
};
这是带有包含选项的可排序列表: http://jsfiddle.net/4b4jzycs/2/
$scope.sortableOptions = {
containment: 'parent',
tolerance: 'pointer',
update: function(event, ui) { alert(ui.item.index()); }
};
请注意,在第二个版本中,这些框是可拖动但不可放置的。
这是一个使用相同包含选项的 jQuery 版本: http://jsfiddle.net/L7jemdbh/
最佳答案
看起来 containment
属性需要所有可排序项的共同祖先。如果您给它一个 .sort-container
节点的选择器,它会按预期工作:
$scope.sortableOptions = {
containment: '.sort-container',
tolerance: 'pointer',
update: function(event, ui) { alert(ui.item.index()); }
};
关于javascript - Angular 可排序遏制防止掉落操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25434484/