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();}

Loader无法在IE和Chrome中运行

1 个答案: