JsTree拖放-图标移动时不显示
我有一个JsTree与拖放插件启用。我还使用了一个角指令，https://github.com/ezraroi/ngJsTree。
但是，移动的节点在移动时不会显示。拖放是有效的，但是你不能看到你正在下降的东西(看起来你什么也没动)。
这些文档似乎不需要任何特殊的东西来完成这项工作。
这是我的配置：
var typesConfig = {
'#': {
"valid_children": ["Department"],
'icon': 'fa fa-circle icon-root'
},
"Department": {
'icon': 'fa fa-circle icon-department',
"valid_children": ["Category"]
},
"Category": {
'icon': 'fa fa-circle icon-category',
"valid_children": ["Subcategory"]
},
"Subcategory": {
'icon': 'fa fa-circle icon-subcategory',
"valid_children": []
}
};
$scope.treeConfig = {
core: {
multiple: false,
animation: 200,
check_callback: true
},
dnd: {
},
types: typesConfig,
version: 1, //Used by the angular directive
plugins: ['types', 'dnd']
};Html：
<div id="jstreeDep" class="tree-scroll" js-tree="treeConfig" ng-model="treeData" should-apply="listen()" tree-events="changed:selectionChanged; before_open:nodeOpenCallback"></div>一个示例节点对象：{ "dataId":1, "text":"Some text", "type":"Department", "isDeletable":true, "sortIndex":0, "parentId":0 }
我试着删除所有事件，树滚动类，从nuget和网站下载jstree lib，删除类型插件，没有任何工作。任何帮助都是非常感谢的。
回答 2
Stack Overflow用户
发布于 2016-01-06 18:33:22
要显示拖动，jsTree将创建一个带有id vakata-dnd的临时div。您使用的库之间可能存在一些css冲突。尝试覆盖该div的默认样式，在#vakata-dnd中添加一些引人注目的样式，比如在最新加载的css中添加红色背景色，看看这是否有帮助。
Stack Overflow用户
发布于 2019-09-26 22:10:55
正如尼古拉·埃尔马科夫( Nikolay )在这里提到的那样，当您使用dnd功能时，会创建带有id="vakata-dnd"的元素。您可以检查这个元素和所有它直接应用样式，如果您f.e。在Chrome中，打开单独窗口中的调试窗口，首先使用元素选项卡，然后开始拖动节点并按住鼠标按钮。按住鼠标按钮切换到带有Alt + Tab键的调试窗口，然后按Tab或Shift + Tab键将焦点放在dom元素上，然后用箭头移动元素。在您的身体底部将创建vakata元素，这样您就可以检查所有应用的样式，并找出缺少什么。
https://stackoverflow.com/questions/34644442
复制
腾讯云开发者
