Почему при обращении JS скрипта к анимированному CSS блоку анимация прерывается и начинается сначала?

Question

[Vernal96]

На сайте имеется прелоадер. Соответственно, при загрузке страницы он должен плавно исчезнуть:

$(document).ready(function() {$('#page-preloader').fadeOut();});

Он так и делает, но вся проблема в том, что как только скрипт начинает выполняться анимация стартует заново. Мне нужно что бы анимация в виде спинера продолжала крутиться как крутилась до обращения скрипта.
(в стилях стоит свойство infinite)

Answer 1

[Vernal96]

Оказалось, что все дело в том что он дублировался после загрузки страницы другим плагином из за чего новый объект начинал анимацию заново

Answer 2

[slanec]

А вы пробовали применять $('#page-preloader').fadeOut(); не к самому прелоадеру, а к контейнеру в котором он лежит?

Comments

[Vernal96]

Он и применяется к самому контейнеру:

<div id="page-preloader"><div class="spinner"></div></div>