2013-06-22 3 views
0

У меня есть ссылка, когда пользователь нажимает на содержимое с другой страницы. Я использую jquery, он работает нормально, но я хочу показать статус загрузки в случае, если потребуется время для загрузки. Это будет лучше, если пользователь увидеть то, что происходит, так что я хочу, когда он нажмите на ссылку он показываетДобавление статуса загрузки в jquery toogle

«Подождите пожалуйста ..»

статус, пока содержание полностью заряженным.

вот мой код.

<script type="text/javascript"> 
    $(function(){  

     $('#view').toggle(function(){ 
      var href=$(this).attr('href'); 
      $('#load').hide().fadeIn().load(href); 
      $('#view').text('Hide'); 
      return false; 

      },function(){ 
       $('#load').hide(); 
        $('#view').text('View details'); 

       });  

     });  
    </script> 

ответ

0

Использование обратного вызова в .load() может помочь вам достичь именно того, что вы ищете. Вот пример:

<script type="text/javascript"> 
$(function(){  
    $('#view').toggle(function(){ 
     var href=$(this).attr('href'); 
     $('#view').text('please wait...'); 
     $('#load').hide().fadeIn().load(href, function(){ 
      $('#view').text('Hide'); 
     }); 
     return false; 
    },function(){ 
     $('#load').hide(); 
     $('#view').text('View details'); 
    }); 
});  
</script> 
+0

эй thenx много работает .. – internally1

+0

не проблема вообще .. Кстати, обработчик события тумблер был устаревшим JQuery 1.8.1 и 1.9 не поддерживает все это. Возможно, вы не захотите использовать это на своей странице – face