javascript - Javascript / Jquery - gif アニメーションの読み込み

Question

Jquery UI タブがクリックされたときにロードマスクを使用して、ある種の読み込みアニメーションを表示しようとしています。タブがクリックされると、下の関数に問題なく入り、そのループでタスクを実行しますが、オーバーレイは表示されません。行を削除すると$("#WholeContainer").unmask()、オーバーレイが表示されますが、データが既に読み込まれて表示されている場合にのみ表示されます...期待する前ではありません。

spinner.js などのアニメーション GIF を読み込もうとすると、同様の問題が発生しました。ここで何が間違っていますか?

 $("a[title=\"ByOpsGroup\"]").click(function()
    {//  alert(tabCnt1);

    $("#WholeContainer").mask("Loading...");
        for (var i=1;i<tabCnt1;i++)
        { 
            getListOfRulesApplyingToGroup(i,"ui-id-"+i);
        }
    $("#WholeContainer").unmask();
    });