jquery - 子ノードが JSTREE を使用して動的にデータをロードしているときにロード画像を表示する方法は?

Question

私のプロジェクトでは、ajax呼び出しを介して子ノードのデータを動的に入力しています。データが多いため、データのロードに時間がかかっています。したがって、ロード中のイメージをツリー(子ノードの位置)に表示したいと考えています。これを達成する方法は？

Answer 1

ノードが JSTREE にロードされている場合、ノードにはjstree-loadingクラスがあります。

したがって、CSS に以下を追加するだけです。

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

ノート：

画像名は変数です。引用符で囲むことを忘れないでください。

例コード:

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