Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не работает if (https://javascript.ru/forum/jquery/69675-ne-rabotaet-if.html)

cadijob 11.07.2017 23:30

Цитата:

Сообщение от рони (Сообщение 458244)
смотрите код снова, пост №41
$(".canDisable").on("click", function(a) {
 if ($("#block-links").is(":visible")) {a.preventDefault(); a.stopPropagation();
 $(this).parent().css( "transform", "scale(0.85)" );

 }
})

Всё. Теперь всё идеально. Спасибо большое.

laimas 12.07.2017 04:51

Цитата:

Сообщение от cadijob
Почему?

Потому, что придется сесть за талмуд и учить, учить, учить. )

cadijob 12.07.2017 16:49

А из-за этого кода, якоря не перестанут работать? А то даже обычные, без jQ, не работают.

laimas 12.07.2017 17:01

Цитата:

Сообщение от cadijob
А из-за этого кода, якоря не перестанут работать?

a.preventDefault(); - отменяет действие по умолчанию, для ссылок, это переход по ним, так что если $(".canDisable"), это ссылки с адресами, то по ним перехода не будет. Остальные ссылки на странице этот код не затронет.

a.stopPropagation(); - останавливает всплытие события, то есть обработчики выше его не получат. Что у вас при этом на странице в данной ситуации, разбираться вам.

cadijob 12.07.2017 17:19

Точно. Убрал a.preventDefault(); и якоря без jQ заработали, а с ним нет.
Вот так смотрю offset :
var id  = $(this).attr('href');
            //узнаем высоту от начала страницы до блока на который ссылается якорь
            top = $(id).offset().top;
            console.log($(top));

И длина(lenght) всегда равна единице.
В чём может быть проблема?
В уроке -
$(document).ready(function(){
	$("#menu").on("click","a", function (event) {
		//отменяем стандартную обработку нажатия по ссылке
		event.preventDefault();

		//забираем идентификатор бока с атрибута href
		var id  = $(this).attr('href'),

		//узнаем высоту от начала страницы до блока на который ссылается якорь
			top = $(id).offset().top;
		
		//анимируем переход на расстояние - top за 1500 мс
		$('body,html').animate({scrollTop: top}, 1500);
	});
});

Но что с preventDefault();, что без, ничего не меняется.

laimas 12.07.2017 17:53

Цитата:

Сообщение от cadijob
В чём может быть проблема?

В глупости, которая в коде заложена - $(this).attr('href') вернет значение ссылки, строку, а какой у набора букв может быть offset().top? Или href возвращает корректное имя идентификатора объекта?

cadijob 12.07.2017 17:57

Цитата:

Сообщение от laimas (Сообщение 458319)
В глупости, которая в коде заложена - $(this).attr('href') вернет значение ссылки, строку, а какой у набора букв может быть offset().top? Или href возвращает корректное имя идентификатора объекта?

id в консоли принтит: #TalkAnchor, содержимое id

laimas 12.07.2017 18:09

Если это ID, тогда Ок. А что за проблема то, чего lenght (проверка существования объекта), и что не меняется, прокрутка до его позиции?

laimas 12.07.2017 18:25

cadijob,
я просмотрел кратко 50 предыдущих серий этого сериала, в которых рони вам как бы уже объяснил все от и до. Включая и то, то если щелчок по ссылке, у которой в href будет не обязательно url, а хеш, то при отсутствии preventDefault() произойдет переход внутри страницы, то есть к блоку с ID указанному в href. Он разместится в максимально возможное положение вверху.

Вопрос - какое смещение при этом будет возвращать $(этот смещенный вверх объект).offset().top?

Если какие-то проблемы после применения preventDefault() (какие не понять), то кто вас заставляет использовать для этого тег А? Щелкать можно по чему угодно. Заменить такие ссылки (без uri) например на SPAN, используйте их. В чем проблема то?

cadijob 12.07.2017 18:28

Цитата:

Сообщение от laimas (Сообщение 458322)
Если это ID, тогда Ок. А что за проблема то, чего lenght (проверка существования объекта), и что не меняется, прокрутка до его позиции?

//узнаем высоту от начала страницы до блока на который ссылается якорь
top = $(id).offset().top;
console.log($(top)); = lenght: 1;(в массиве window)
как я понял по комментарием к коду, lenght(которая в переменной top) это расстояние до якоря?


Часовой пояс GMT +3, время: 22:25.