IEとChromeでローダーが動作しません

Question

私はoffice 365サイトに1ページを作成しました。私はローダーをその中に入れました。現在、ローダーはFirefoxで完全に動作していますが、IEやChromeでは動作しません。

ローダーは表示されません。私は、次のオプションを試してみました：CSSの表示/非表示の方法を通じて 1.

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

CSSによる2

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

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

クラスを通じて3

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

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

私は両方のオプションを試しました：

display:none/block; 

visibility: hidden/visible 

解決方法はありますか？ボタンクラスは（クラス=「rateSearch」）する必要がありますページ上のボタンを作る

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

：

Answer 1

は、ページの最上部にこのコードを入れて

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