javascript - 更改样式属性时，DIV未显示在Chrome中

好的，因此，我正在使用JQuery在页面上显示/隐藏“正在处理”的div元素。下面是基本代码：

function ShowLoading(){
    $(divLoadingPanel).show();
}

function HideLoading(){
    $(divLoadingPanel).hide();
}

在各种Javascript函数中，根据需要调用ShowLoading（）和HideLoading（）。在FireFox中查看页面时，一切正常。在Chrome中查看时，永远不会看到加载面板。但是，如果我在调试面板后调试并中断了
显示，它在那里。手动遍历代码时，它将显示正常，但如果我不使用断点和调试器，则不会显示。那让我感到困惑。这是div本身的代码：

<div id="divLoadingPanel" class="Loading_Panel" style="display: none">
    <br>
    <img src="./images/8.gif">
    <br><br>
    <font class="Loading_Text">Processing...</font>
</div>

最后，这是面板的类信息：

.Loading_Panel {
    position:fixed;
    top: 50%;
    left: 50%;
    width:300px;
    height:150px;
    margin-top: -75px;
    margin-left: -150px;
    background: #E9F2FA;
    border-radius: 10px;
    border: 1px solid #1C4E7C;
}

任何帮助，将不胜感激。

最佳答案

将您的代码更改为：

 function ShowLoading(){
     $("#divLoadingPanel").show();
 }

 function HideLoading(){
     $("#divLoadingPanel").hide();
 }