2013-06-01 6 views
1

Мне нужно скрыть предварительный загрузчик ajax на некоторых страницах моего кода. Как мне это сделать. Предложения Ur будут полезны.Как скрыть предварительный загрузчик в jquery

Кодекс:

<script language="javascript" type="text/javascript"> 
    $(window).load(function() { 
    //alert("Loader-->"+n[1])                                                                      $('#loading').hide(); 
      if(n[1]!=undefined){ 
      /*jQuery('#loading').fadeOut(10, function() { 
      jQuery('body').css('overflow','visible'); 
      jQuery(this).remove(); 
     });*/ 

     /*$('#loading').ajaxStop(function(){ 
       $(this).hide(); 
     });*/ 
     //$('#loading').hide(); 
     } 
     //$('#loading').hide(); 
    }); 

В этом фрагменте кода я вставил этот код также, на котором я работал на, но не работал.

HTML код

 <div align="center"> 

      <div align="center" id="container"> 
       <div id="logo" align="center" ><img src="images/Updated_1logo.png" border="0" alt="STIHL logo"/> </div> 

       <div style="clear:both"></div> 

       <div id='divMain'> 
        <table width="100%"> 
         <tr> 
          <td width="50%" >&nbsp;</td> 

          <td style="position:absolute;left:60%;top: 50%;"> 
           <img src="images/gray_image_002.png" border="0" /> 
          </td> 
         </tr> 
        </table>   

        <div id="circle1"> 
         <div id="circle12"><br/> <br/><b>Employee Benefits</b></div> 
        </div> 

        <div class="circle" id="circle2"> 
         <div id="circle22"><br/> <b>Expectations</b></div> 
        </div> 

        <div class="circle" id="circle3"> 
         <div id="circle32"><br/> <b>Manufacturing <br/>Operations Safety</b></div> 
        </div> 
       </div> 
</div> 
</div> 

не идут с закрывающим тегами

+0

$ (функция() {$ ('div # loading'). Hide(); }); – Esteban

+0

это совсем не относится к HTML5, я редактирую ваш вопрос –

+0

для ответа, но это тоже не работает. – CodingDecoding

ответ

0

этот код работает отлично 4 меня

<script> 
var js = '<html><div id="loading"><img id="loading-image" src="images/ajax-loader.gif" alt="Loading... /></div></html>' 
if (window.location.href.indexOf("divModule") != -1) { 
    //alert('here'+window.location.href.indexOf("divModule")) 
    $("body").prepend(js); 
}    
</script> 
2

Вы можете сделать это, чтобы скрыть АЯКС прелоадер на некоторых страницах нравится:

$(document).ready(function() { 
    $(document).ajaxStart(function() { 
     $('#loading').show(); 
    }).ajaxStop(function() { 
     $('#loading').hide(); 
    }); 
}); 
+0

Спасибо за ответ. но не работает :(Мне просто нужно в fucntion, где я применил условие «if (n [1]! = undefined) {}" в этом я получаю имя div, которое загружается на этой странице. Я пытался скрыть. Я пробовал этот код, но не работал. все еще я могу видеть загрузчика для долей секунд. Могу ли я уничтожить или выйти из preloader для определенного div? – CodingDecoding

+0

на моем конце он отлично работает, когда я пробовал с превышенными комментариями Кроме того, я могу видеть загрузчик за доли секунды, когда я даю ссылку на любого другого человека для просмотра того же – CodingDecoding

+0

Palash Mondal дает вам глобальное решение, которое работает. Мне все еще интересно, что вы точно ищете? show preloader для конкретного запроса ajax? –

Смежные вопросы