@rfhyjd

Почему при загрузке сайта на хостинг вечная прокрутка анимации, на локалке все норм?

Почему при загрузке сайта на хостинг вечная прокрутка анимации, на локалке все норм?
Т.е. при переходе на сайт должен раза 4-5 прокрутиться квадратик и запуститься сам сайт. На локалке все норм запускается, а на хостинге "вечность".
(function($) {

	'use strict';

	
   $(window).load(function() {


    	$("#loader").fadeOut("slow", function(){

 
        $("#preloader").delay(100).fadeOut("slow");

      });

  	})


Весь код
spoiler
(function($) {

	'use strict';

	/*---------------------------------------------------- */
	/* Preloader
	------------------------------------------------------ */
   $(window).load(function() {

      // will first fade out the loading animation
    	$("#loader").fadeOut("slow", function(){

        // will fade out the whole DIV that covers the website.
        $("#preloader").delay(100).fadeOut("slow");

      });

  	})


  	/*----------------------------------------------------*/
  	/* Flexslider
  	/*----------------------------------------------------*/
    	$(window).load(function() {

      	$('#hero-slider').flexslider({
       	namespace: "flex-",
          controlsContainer: ".hero-container",
         animation: 'fade',
         controlNav: true,
        directionNav: false,
        smoothHeight: true,
        slideshowSpeed: 7000,
         animationSpeed: 600,
       randomize: false,
       before: function(slider){
    	   $(slider).find(".animated").each(function(){
    		   	$(this).removeAttr("class");
    	  	});
		},
    	start: function(slider){
    	   $(slider).find(".flex-active-slide")
              	.find("h1").addClass("animated fadeInDown show")
    	           	.next().addClass("animated fadeInUp show");

    		   $(window).trigger('resize');
    	},
    	after: function(slider){
    	 	$(slider).find(".flex-active-slide")
    	           	.find("h1").addClass("animated fadeInDown show")
    		           	.next().addClass("animated fadeInUp show");
    	}
     });

	   $('#testimonial-slider').flexslider({
	   	namespace: "flex-",
	      controlsContainer: "",
	      animation: 'slide',
	      controlNav: true,
	      directionNav: false,
	      smoothHeight: true,
	      slideshowSpeed: 7000,
	      animationSpeed: 600,
	      randomize: false,
	   });

   });


   /*----------------------------------------------------*/
	/* Adjust Primary Navigation Background Opacity
	------------------------------------------------------*/
   $(window).on('scroll', function() {

		var h = $('header').height();
		var y = $(window).scrollTop();
      var header = $('#main-header');

	   if ((y > h + 30 ) && ($(window).outerWidth() > 768 ) ) {
	      header.addClass('opaque');	      
	   }
      else {
         if (y < h + 30) {
            header.removeClass('opaque');
         }
         else {
            header.addClass('opaque');
         }
      }

	});


   /*----------------------------------------------------*/
  	/* Highlight the current section in the navigation bar
  	------------------------------------------------------*/
	var sections = $("section"),
	navigation_links = $("#nav-wrap a");	

	sections.waypoint( {

       handler: function(direction) {

		   var active_section;

			active_section = $('section#' + this.element.id);

			if (direction === "up") active_section = active_section.prev();

			var active_link = $('#nav-wrap a[href="#' + active_section.attr("id") + '"]');			

         navigation_links.parent().removeClass("current");
			active_link.parent().addClass("current");

		}, 

		offset: '25%'

	});


   /*----------------------------------------------------*/
  	/* FitText Settings
  	------------------------------------------------------ */
  	setTimeout(function() {

   	$('#hero-slider h1').fitText(1, { minFontSize: '30px', maxFontSize: '49px' });

  	}, 100);


  	/*-----------------------------------------------------*/
  	/* Mobile Menu
   ------------------------------------------------------ */  
   var menu_icon = $("<span class='menu-icon'>Menu</span>");
  	var toggle_button = $("<a>", {                         
                        id: "toggle-btn", 
                        html : "",
                        title: "Menu",
                        href : "#" } 
                        );
  	var nav_wrap = $('nav#nav-wrap')
  	var nav = $("ul#nav");  
   
   /* if JS is enabled, remove the two a.mobile-btns 
  	and dynamically prepend a.toggle-btn to #nav-wrap */
  	nav_wrap.find('a.mobile-btn').remove(); 
  	toggle_button.append(menu_icon); 
   nav_wrap.prepend(toggle_button); 

  	toggle_button.on("click", function(e) {
   	e.preventDefault();
    	nav.slideToggle("fast");     
  	});

  	if (toggle_button.is(':visible')) nav.addClass('mobile');
  	$(window).resize(function() {
   	if (toggle_button.is(':visible')) nav.addClass('mobile');
    	else nav.removeClass('mobile');
  	});

  	$('ul#nav li a').on("click", function() {      
   	if (nav.hasClass('mobile')) nav.fadeOut('fast');      
  	});


  	/*----------------------------------------------------*/
  	/* Smooth Scrolling
  	------------------------------------------------------ */
  	$('.smoothscroll').on('click', function (e) {
	 	
	 	e.preventDefault();

   	var target = this.hash,
    	$target = $(target);

    	$('html, body').stop().animate({
       	'scrollTop': $target.offset().top
      }, 800, 'swing', function () {
      	window.location.hash = target;
      });

  	});  
  

   /*----------------------------------------------------*/
	/*	Modal Popup
	------------------------------------------------------*/
    $('.item-wrap a').magnificPopup({

       type:'inline',
       fixedContentPos: false,
       removalDelay: 300,
       showCloseBtn: false,
       mainClass: 'mfp-fade'

    });

    $(document).on('click', '.popup-modal-dismiss', function (e) {
    		e.preventDefault();
    		$.magnificPopup.close();
    });


})(jQuery);

  • Вопрос задан
  • 332 просмотра
Решения вопроса 1
Exomode
@Exomode
Архитектор ПО
c532a6389d8d45db9cee6bed36d20243.PNG У меня в опере всё загрузилось. проверьте на вечной загрузке у себя в инспекторе консоль, возможно там ошибки валит, они помогут понять в чём дело. Из-за них может не срабатывать триггер скрытия анимации загрузки.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
24 нояб. 2024, в 03:11
500 руб./за проект
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект