jquery - ファンシーツリーでドロップダウンリストデータをバインドする際の画像の読み込みを表示する方法

Question

ドロップダウンリスト値の変更時に、ajzx アクションを呼び出して DB 値を取得し、DB 値を Html として (コントローラーで) 構築し、Ajax の onSuccess で Html が div に追加されます。これまでのプロセスは高速で、数秒でデータを取得できます。追加された Div 要素は、読み込みに時間がかかる fancytree (プラグイン) に変換されるため、バインディングが完了するまで「読み込み中...」アイコンを表示する必要があります。私はたくさんグーグルで検索しましたが、多くの並べ替えに疲れましたが、何も機能しませんでした.divをファンシーツリーに変換する際に画像が読み込まれません. 疲れたコードを以下に示します。

CSS:

#dvLoading {
   background:#000 url(images/animated-overlay.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

ビューで ：

<div id="dvLoading"></div>

JSで

drawOrganiTree: function (result) {
    "use strict";
    var ns = SocietaEStruttureHome.index;
    var res = "<div id='divOrgTree' >" + result + "</div>";
    $("#divOrgStructure").append(res); //append the HTML data 

    //$(window).load(function () { $("#dvLoading").fadeOut(20000); });
    $("#dvLoading").show(); // Here to show the Loading image

    $("#divOrgTree").fancytree();

    $("#dvLoading").show(); //Here to hide the Loading image
    //Expand all the node of the tree on load
    $("#divOrgTree").fancytree("getRootNode").visit(function (node) {
        //node.setExpanded(true);
    });

    $("#btnModify").show();
},

私はここで何か間違ったことをしていますか？助けてください。