В один момент некоторые функции js перестали работать, в чем причина?

Question

Алексей Филенко @Panopticon

Начал верстать

В один момент некоторые функции js перестали работать, в чем причина?

Делаю первый сайт, все идет хорошо, но в один момент перестал работать ajax, он не выводил ни ошибку и не выполнялся, я его не трогал вообще, проверил, что изменилось со старой версией сайта( на старой все ок)
отличий не было, я просто закинул файлы и все заработала, после перестал работать плагин swiper-js,
я создал новый штмл и js, закинул туда часть кода, там все работает, если напишу часть кода в самом html. то все работает, я долго разбираюсь с этим, и не могу понять что не так, может я неправильно использую "script"?
вот часть кода(сверху head снизу body), объясните пожалуйста что не так
З.Ы. сам js работает нормально, проверял отдельно, может их писать в разных js файлах? это я тоже попробовал, но также не работает
З.З.Ы.

<section class="image-slider">
		<div class="gallery swiper mySwiper">
			<div class="gallert_list swiper-wrapper">
				<div class="gallery_item swiper-slide">
					<img src="./images/slider/image 1.png" alt="alt" loading="lazy">
					<div class="swiper-lazy-preloader"></div>
				</div>
				<div class="gallery_item swiper-slide">
					<img src="./images/slider/image 2.png" alt="alt" loading="lazy">
					<div class="swiper-lazy-preloader"></div>
				</div>
				<div class="gallery_item swiper-slide">
					<img src="./images/slider/image3.png" alt="alt" loading="lazy">
					<div class="swiper-lazy-preloader"></div>
				</div>
				<div class="gallery_item swiper-slide">
					<img src="./images/slider/image4.jpg" alt="alt" loading="lazy">
					<div class="swiper-lazy-preloader"></div>
				</div>
				<div class="gallery_item swiper-slide">
					<img src="./images/slider/image5.jpg" alt="alt" loading="lazy">
					<div class="swiper-lazy-preloader"></div>
				</div>

			</div>
			<div class="swiper-button-next next-npl"></div>
			<div class="swiper-button-prev prev-npl"></div>
			<div class="swiper-pagination"></div>
		</div>
		<!-- <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script> -->
		<script>
			var swiper = new Swiper(".mySwiper", {
				effect: "coverflow",
				grabCursor: true,
				loop: true,
				centeredSlides: true,
				slidesPerView: "auto",
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
				coverflowEffect: {
					rotate: 20,
					stretch: 30,
					depth: 100,
					modifier: 1,
				},
				pagination: {
					el: ".swiper-pagination",
				},
			});
		</script>

тут наглядно, если убрать импорт из секции то js не работает, хотя тоже самое есть снизу бади

<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<link rel="icon" href="./favicon/favicon.ico">
	<meta property="og:image" content="./image/back-main.png">

	<link rel="stylesheet" href="libs/bootstrap/css/bootstrap-reboot.min.css">
	<link rel="stylesheet" href="libs/bootstrap/css/bootstrap-grid.min.css">

	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />

	<link rel="stylesheet" href="libs/font-awesome-4.7.0/css/font-awesome.min.css">

	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/media.css">

	<script src="libs/jquery/jquery-3.6.0.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/swiper.js"></script>

	<!-- Google Tag Manager -->
	<script>(function (w, d, s, l, i) {
			w[l] = w[l] || []; w[l].push({
				'gtm.start':
					new Date().getTime(), event: 'gtm.js'
			}); var f = d.getElementsByTagName(s)[0],
				j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
					'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
		})(window, document, 'script', 'dataLayer', 'GTM-MQ2552K');</script>
	<!-- End Google Tag Manager -->
------------------------------

<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQ2552K" height="0" width="0"
			style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

	<script src="https://cdn.jsdelivr.net/npm/easy-toggler@2.2.7"></script>
	<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js" async></script>
	<script src="./libs/jquery/jquery-3.6.0.min.js"></script>
	<script src="./js/maska-nomera.js" type="text/javascript"></script>

	<script>
		$('#tel').mask('+7 (999) 999-99-99');

		$.fn.setCursorPosition = function (pos) {
			if ($(this).get(0).setSelectionRange) {
				$(this).get(0).setSelectionRange(pos, pos);
			} else if ($(this).get(0).createTextRange) {
				var range = $(this).get(0).createTextRange();
				range.collapse(true);
				range.moveEnd('character', pos);
				range.moveStart('character', pos);
				range.select();
			}
		};


		$('input[type="tel"]').click(function () {
			$(this).setCursorPosition(4);  // set position number
		});
	</script>