Jquery 当子节点使用JSTREE动态加载数据时,如何显示正在加载的图像?

Jquery 当子节点使用JSTREE动态加载数据时,如何显示正在加载的图像?,jquery,jstree,Jquery,Jstree,在我的项目中,iam通过ajax调用动态填充子节点数据。由于数据更多,加载数据需要时间。因此我想在树中显示加载图像(在子节点位置)。如何实现这一点?当一个节点在JSTREE中加载时,它将拥有JSTREE加载类 因此,只需在CSS中添加以下内容: .jstree-default a.jstree-loading .jstree-icon { background:url(image name) center center no-repeat !important; } 注意: 图像

在我的项目中,iam通过ajax调用动态填充子节点数据。由于数据更多,加载数据需要时间。因此我想在树中显示加载图像(在子节点位置)。如何实现这一点?

当一个节点在JSTREE中加载时,它将拥有
JSTREE加载类

因此,只需在CSS中添加以下内容:

.jstree-default a.jstree-loading .jstree-icon { 
    background:url(image name) center center no-repeat !important; 
} 
注意:

图像名称是一个变量。不要忘记在引号中保留

Ex代码:

.jstree-default a.jstree-loading .jstree-icon { 
    background:url("myImage.gif") center center no-repeat !important; 
} 

我已经找到了这个问题的答案。当一个节点在JSTREE中加载时,它将拥有“JSTREE加载”类。因此,在CSS文件中,只需添加以下行。jstree默认a.jstree-loading.jstree图标{背景:url(图像名称)中心不重复!重要;}注意:图像名称是一个变量。因此不要忘记保留在引号中。Ex代码:.jstree默认a.jstree-loading.jstree图标{background:url(“myImage.gif”)中心不重复!重要;}谢谢