Question

我试图在单击按钮时显示一个加载器符号，并在执行所有操作后将其隐藏。但是，加载程序永远不可见。

下面是代码。 HTML代码：

<div id="loader">
    <table height='100%' width='100%' style='cursor:wait'>
        <tr>
            <td style='vertical-align: middle' align='center'>
                <img alt='' src='/_imgs/AdvFind/progress.gif' height="25px" />
                <div /><span style='font-family:Tahoma,Arial;font-size: 11px;'></span>
            </td>
        </tr>
    </table>
</div>

JavaScript代码：

  $('#btnLoadData').bind('click', OnLoadDataClicked);
var OnLoadDataClicked = function () {
        showLoadingSymbol();
       //Some logic, which can take 30-40 sec
       hideLoadingSymbol();
};

Loader永远不会显示在UI上。有人可以帮忙吗？

Answer 1

首先，这是什么：

style='cursor:wait'

会覆盖您的宽度/高度吗？其次，检查

src='/_imgs/AdvFind/progress.gif'

是正确的路径另外，我建议您与html中的单/双代码保持一致

单击按钮不可见HTML loader div

1 个答案: