Member 14120459 Ответов: 0

Почему JS работает неправильно?

- Привет! Я пытаюсь поместить все эти коды в один файл.
Ручка от Morda77[^]



В моем файле почему-то JS работает некорректно. Или не Джей Си.

This should look like this:

[^]

But it looks like this:

https://snag.gy/0t1mBj.jpg[^]


Что я делаю не так?
Спасибо.

Что я уже пробовал:

Here is my code:
<pre><head>

<script type="text/javascript" src="/js/jquery.min.js"></script> 
<script type="text/javascript" src="/js/slick.min.js"></script>
    
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=cyrillic" rel="stylesheet">
    <!-- Bootstrap Core CSS -->

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

    
<style>
  .reviews {
    padding: 3.125rem 0 6.125rem;
}
.text-center {
	text-align:center;
}
.container {
  width: 95%;
  max-width: 1200px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.one-slide .container {
  max-width: 800px;
}

  </style>
    
    
    
    <script type="text/javascript">
$(document).ready(function () {
$('.slider-reviews_text').slick({
	  slidesToShow: 1,
	  slidesToScroll: 1,
	  arrows: true,
	  nextArrow: '<span class="icon-arrow_right"></span>',
	  prevArrow: '<span class="icon-arrow_left"></span>',
	  fade: true,
	  asNavFor: '.slider-reviews_avatar',
	   responsive: [
			{
			  breakpoint: 620,
			  settings: {
				arrows: false
			  }
			}
		]
	});
	$('.slider-reviews_avatar').slick({
	  slidesToShow: 4,
	  slidesToScroll: 1,
	  asNavFor: '.slider-reviews_text', 
	  centerMode: true,
	  touchThreshold: 200,
	  cssEase:"ease-out",
	  infinite: true,
	  centerPadding: '0',
	  focusOnSelect: true
	});
  	});
</script>

 </head>











<div id="reviews" class="reviews">
		
	
				<div class="slider-reviews text-center">
					
				<div class="container">

						  
						  
						  <div class="slider-reviews_avatar">
						  
							<div class="one-avatar">
							  
							</div>
							
							<div class="one-avatar">							 
							   <div class="one-avatar_img">
								<img alt="Узел Александр" src="../images/person/Uzel_Aleksandr.jpg">
							  </div>
							   <div class="one-avatar_name">
								Узел <br>Александр
							  </div>
							</div>
							
							
							<div class="one-avatar">							  
							   <div class="one-avatar_img">
								<img alt="Моргунова Наталья" src="../images/person/Morgunova_Natalya.jpg">
							  </div>
							   <div class="one-avatar_name">
								Моргунова <br>Наталья
							  </div>
							</div>
							
							<div class="one-avatar">
							   <div class="one-avatar_img">
								<img alt="Михайличенко Геннадий" src="../images/person/Mikhaylichenko_Gennadiy.jpg">
							  </div>
							   <div class="one-avatar_name">
								Михайличенко <br>Геннадий
							  </div>
							</div>
							
							<div class="one-avatar">
							   <div class="one-avatar_img">
								<img alt="Арефьев Сергей" src="../images/person/Arefyev_Sergey.jpg">
							  </div>
							   <div class="one-avatar_name">
								Арефьев <br>Сергей
							  </div>
							</div>
							
						
							 </div>
						
          
          <div class="slider-reviews_text">  
						  
							<div class="one-slide text-center">
						  
								<div class="one-slide_reviews">
                  <div class="container">
								Заказывала в этой фирме эвакуатор с лебедкой, нужно было перевезти машину с 
								трассы в сервис после аварии. Приехал Роман очень быстро, прошло не больше получаса. 
								Заплатила ровно столько, сколько говорили по телефону. 
								</div>
							</div>
							</div>
							<div class="one-slide text-center">
							
								<div class="one-slide_reviews">
                  <div class="container">
								Сделали все гораздо больше, гораздо лучше и гораздо быстрее, чем я ожидал. Наверное, это мой лучший опыт сотрудничества со службой эвакуации автомобилей.  
								</div>
                  
                </div>
							</div>
							
							<div class="one-slide text-center">
						
								<div class="one-slide_reviews">
                  <div class="container">
								Машина сломалась за городом. В поисковике нашла вашу компанию. Позвонила, рассказала характер бедствия, помощь прибыла через 30 минут, машину погрузили аккуратно и быстро доставили эвакуатором в автосервис. 
								</div>
                  </div>
							</div>
							
							<div class="one-slide text-center">
						
								<div class="one-slide_reviews">
                   <div class="container">
								Попал в аварию, машина на стоянке была. Вот понадобилось ее отвезти, позвонил ребятам и договорился на определенный день и час. Молодцы были во время и не подвели. Спасибо Роману, что все точно и быстро сделал.  
							</div>
                  </div>
							</div>
							
							<div class="one-slide text-center">
							
								<div class="one-slide_reviews">
                   <div class="container">
								При въезде в Уссурийск накрылся бензонасос, и нужно было срочно вызывать эвакуатор. Обзвонил несколько компаний, сравнил тарифы и время ожидания. Вызвал вас в итоге и всего за 2000 рублей мне быстро доставили машину в сервис. Не ожидал. Приятно.
                     </div>
								</div>
							</div>
							
							
						  </div>
						  
				</div>	
		</div>	
	</div>

Richard MacCutchan

В чем же вопрос? Пожалуйста, не используйте ссылки на внешние сайты, отредактируйте свой вопрос и введите полную информацию о вашей проблеме.

W∴ Balboos, GHB

Кроме того, вы используете jQuery, а не только javascript. Тут есть разница.

ZurdoDev

Используйте инструменты Вашего браузера для отладки и выяснения того, что происходит.

Member 14120459

Теперь я подключил библиотеки вот так:
https://snag.gy/XslwID.jpg

Я вижу эти ошибки:
https://snag.gy/ixDc0k.jpg
Почему?

ZurdoDev

$ is not defined означает, что jquery еще не загружен. Убедитесь, что это первый js-файл, который вы загружаете.

0 Ответов