BlackerAndrew
@BlackerAndrew
Начинающий вёрстальщик

Не работают условия JS, почему и как решить?

В JS после первого условия далее условия даже в других функциях, даже с другими id и классами, не работают (именно на скролл).

Расскажите, почему так и как это пофиксить? У меня для каждого текстового поля своя протяженность менюшки и для каждого блока свои id и классы. И после первого условия для 1ого текстового блока, далее все функции принимают значения этого условия, и почему-то игнорируют свои же условия. Ниже привожу пример. 1ое условие до 3500 пикселей скролл. Второе условие до 3000 игнорируется и берется 3500 с первого условия.

$(window).on("scroll", function() {
	    if(($(window).scrollTop() > 900)&&($(window).scrollTop() < 3500)) {
	$("#tabid").addClass("tab1");
	$("#London").addClass("tabedit");
		} else {
	$("#tabid").removeClass("tab1");
   $("#London").removeClass("tabedit");
		}

});

$(window).on("scroll", function() {
		 if(($(window).scrollTop() > 900)&&($(window).scrollTop() < 3000)) {
$("#tabid").addClass("tab2");	
$("#Paris").addClass("tabedit2");
			} else {
$("#tabid").removeClass("tab2");
$("#Paris").removeClass("tabedit2");
			}
});
  • Вопрос задан
  • 172 просмотра
Решения вопроса 1
palkan_karabov
@palkan_karabov
PressF1
обернуть все в
$( document ).ready(function() {
    //Сюда скрипт
});

Возможно в момент чтения скрипта DOM еще не загружен и он просто не видит элементы по селекторам.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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