javascript - 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();
    });