natojezlo
@natojezlo

Jquery как правильно все перенести в отдельный js файл?

В js не силен

есть скрипты, которые выполняют разные роли
хочу все это перенести в отдельный js файл

переношу в js, убираю участки <script></script> , подключаю этот файл
но скрипты не работают

я так понимаю что где между ними теперь нужно скобки проставить или х.з

spoiler


<script>
$(document).ready(function() {
	$("form.formaa").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			$('#thanks').fadeIn(500);
			setTimeout(function() {
				// Done Functions
				//th.trigger("reset");
				document.getElementById('overlay').style='visibility:hidden;opacity:0;transition:all 0.7s ease-out 0s';
			}, 2000);
		});
		return false;
	});
});
</script>


<script>
$(document).ready(function() {
	$("form.formaa3").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			$('#thanks3').fadeIn(500);
			setTimeout(function() {
				// Done Functions
				//th.trigger("reset");
				document.getElementById('overlay2').style='visibility:hidden;opacity:0;transition:all 0.7s ease-out 0s';
			}, 2000);
		});
		return false;
	});
});
</script>

<script>
$(document).ready(function() {
	$("form.formaa2").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			alert("Thanks!");
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
	});

});
</script>

<script>
$(function($){
   $(".newphone").mask("+3 8(099) 999-99-99");
});
</script>

<script>
var num = 150; //number of pixels before modifying styles
$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('#top-panel').addClass('fixed');
    } else {
        $('#top-panel').removeClass('fixed');
    }
});
</script>	

<script>
// Animations
    function headArrow() {
        $('.j-head-arrow').animate({'bottom': '70'}, {
            duration: 1500,
            complete: function () {
                $('.j-head-arrow').animate({bottom: 20}, {
                    duration: 1500,
                    complete: headArrow
                });
            }
        });
    }
    headArrow();
    $('[data-animation]').addClass('c-animated');
    $(window).on('load scroll', function () {
        var scrollTop = $(window).scrollTop();
        $('[data-animation]').each(function () {
            var animation = $(this).data('animation'),
                offset = $(this).offset().top,
                start = $(this).data('animation-offset');
            if ((offset - scrollTop) < start) {
                $(this).addClass('animated ' + animation);
            }
        });
    });
</script>

<script>
		$(function() {
			var pull 		= $('#pull');
				menu 		= $('nav ul');
				menuHeight	= menu.height();
			$(pull).on('click', function(e) {
				e.preventDefault();
				menu.slideToggle();
			});
			$(window).resize(function(){
        		var w = $(window).width();
        		if(w > 1000 && menu.is(':hidden')) {
        			menu.removeAttr('style');
        		}
    		});
		});
</script>

<script>
$(document).ready(function() {
   $("a.topLink").click(function() {
      $("html, body").animate({
         scrollTop: $($(this).attr("href")).offset().top + "px"
      }, {
         duration: 500,
         easing: "swing"
      });
      return false;
   });
});
</script>


<script>

$(function() {
  // Owl Carousel
  var owl = $(".owl-carousel");
  owl.owlCarousel({
    items: 1,
    margin: 0,
    loop: true,
    dots:true,
    nav: true,
    navText:['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>']

  });
});

</script>


  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
mrusklon
@mrusklon
Не получается? Яростно гугли!
все будет работать, убирай везде <script></script>
проверь подключен ли jquery
и смотри консоль на наличие ошибок
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы