单击按钮时 HTML 加载器 div 不可见答案

【问题标题】：HTML loader div not visible on click of button单击按钮时 HTML 加载器 div 不可见
【发布时间】：2020-01-18 03:32:03
【问题描述】：

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

下面是代码。 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();
};

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

【问题讨论】：

showLoadingSymbol 和 hideLoadingSymbol 函数中有什么？
你能在showLoadingSymbol函数中显示代码吗？

标签： jquery html loader

【解决方案1】：

首先，这是什么：

style='cursor:wait'

它会覆盖你的宽度/高度吗？二、检查

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

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

【讨论】：

图片路径正确。如果我评论 hideLoadingSymbol()，加载器在 UI 上可见。我已经修改了这篇文章的代码。无需专注于不太重要的事情。