Задать вопрос
@historydev
Редактирую файлы с непонятными расширениями

Почему код не работает(js)?

Добрый день.Код перестал работать.Причина в первой строчке js скрипта вроде.

<!DOCTYPE html>
<html>
   <head>
      <title>Filter</title>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      
      <style>
      	.n_name {
      		display: none;
      	}
      </style>
      
      <script>
      	
      	
	
	var gnr = $('.n_name').data('genre').split(',');
	
	var data=[gnr];
	
	var count = ['action',50,66,'ihsjjs'];
	
	$('.find').click(function() {
		
		for(i=0; i<data[0].length; i++) {
			setInterval(function() {
				if(data[0][i] == count[i]) {
					$('.n_name').data('genre',i).css('display','block');					
				}
			},1000);
			alert(data[0][i] + count[i]);
		}			
	});
      </script>
   </head>      
   <body>
   	<div data-genre="action,50,66,ihsjjs" class="n_name">12345</div>
	<div class="n_name fd">1245</div>
	<div class="n_name fd">1234</div>
	<div class="n_name">2345</div>
	<div class="n_name fd">1235</div>
	<button class="find">Click</button>
   </body>
</html>
  • Вопрос задан
  • 118 просмотров
Подписаться 1 Средний 2 комментария
Решения вопроса 2
irishmann
@irishmann
Научись пользоваться дебаггером
У тебя скрипт пытается выполниться еще до того как построится DOM, поэтому ошибки. Перенеси блок<script></script> из head в конец body и все заработает
UPD.: Vadim Bogomazov дело говорит,
$(document).ready(function(){
/*js сюда*/
});
Ответ написан
@bogomazov_vadim
Оберни js в document.ready или перенеси вниз.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы