Javascript / Jquery - 加载gif动画

Question

我正在尝试使用loadmask在单击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();
    });