2016-05-26 4 views
0

Это обычная проблема, которую я нашел через Интернет, но ни один из решений не работал для меня.Gif изображение застряло в хроме

У меня есть ajax loader GIF, который отлично работает в Mozilla firefox, но его застрял в хроме (то есть изображение не ведет себя как GIF).

вот HTML код snippet-

<img id="loader" src="images/loader.gif" /> 

$.ajax({ 
     url:'/myurl', 
     type:'POST', 
     data:postArg, 
     dataType:'json', 
     async:false,  
     success:function(as){ 
        $('#loader').hide(); 
     } 
     }); 

Это Аякса код, который возвращает ответ примерно за 10-15 секунд, поэтому я хочу, чтобы реализовать загрузчик, пока ответ не возвращается.

Это изображение - http://imgur.com/dqom3sp

Ожидая кто-то помочь. Заранее спасибо.

+0

@sajalsuraj as of jQuery 1.8, использование async: false устарело. удалите эту строку async: false, посмотрите, поможет ли это – David

ответ

1

Вы производите синхронный запрос. Это блокирует весь браузер во время выполнения запроса. В Chrome это также блокирует рендеринг. То, что он вообще работает в Firefox, - это случайность.

Существует фактически никогда причина использования async: false. Вы должны удалить эту линию и дать своему A JAX быть A синхронно.

+0

. Вместо этого используйте вместо методов '.differed' или' .queue' jQuery для замены 'async: false' – fyrye

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