加载程序在 IE 和 Chrome 中不起作用答案

【问题标题】：Loader is not working in IE and Chrome加载程序在 IE 和 Chrome 中不起作用
【发布时间】：2016-08-27 23:39:32
【问题描述】：

我在 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

有什么解决办法吗？

【问题讨论】：

标签： javascript css google-chrome internet-explorer-11

【解决方案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();}

【讨论】：

我做了和你一样的事..Gireesh T