javascript - 加载器在 IE 和 Chrome 中不工作

Question

我在 Office 365 站点中创建了一个页面。我已经把装载机放在里面了。现在加载程序在 Firefox 中运行良好，但在 IE 和 Chrome 中无法运行。

加载程序不可见。我尝试了以下选项:1. 通过隐藏/显示方法

 $('.className').hide();
 $('.className').show();

<强>2。通过CSS

$('.className').css('display', 'none');

$('.className').css('display', 'block');

<强>3。通过类

$('.className').addClass('classBlock');

$('.className').removeClass('classBlock');

在 css 中我已经尝试了两种选择:

display:none/block;

visibility: hidden/visible

有什么解决办法吗？

Answer 1

将此代码放在您的页面顶部:

<div style="display: none" id="dvloader">
    <img class="loader"      src="localhost/web/themes/default/images/meneloading.gif"/>
</div>

在页面上创建按钮类应该是 (class="rateSearch"):

$('body').on('click','.rateSearch',function(){
    $("#dvloader").show();
    showDetails();});
showDetails(){// your calculations or anything
    $("#dvloader").hide();}