Ответы пользователя Кирилл Туровников по тегу «JavaScript»

По двух причинам:
1) Это дополнительная библиотека, дополнительные запросы при загрузке страницы
2) Нативный js все-таки как ни крути немного быстрее выполняется

PS на текущий момент jquery подключен на подавляющем большинстве сайтов, на нем базируется огромное множество плагинов и как-то глупо требовать его не использовать, либо самостоятельно им пренебрегать, все это приводит к изобретению очередного велосипеда.

Ответ написан более трёх лет назад

Комментировать

Как исключить исполнение скрипта у дочерних элементов?

Кирилл Туровников @turovnikoff

Да конечно же он срабатывает на дочерних элементах, он ловит клик внутри всего элемента, можно так:

$(".select2-selection").click(function(event) {
     $target = $(event.target);
     if (!$target.hasClass('children')) {
         $ops.addClass('op');
     }
 });

Но лучше покажите сам html и измените вложенность, добавьте класс или ид необходимому элементу.

Или как выше указал Ivanq можно использовать такую функцию:

$("#some_id").click(function(event) { 
      event.stopPropagation();
});

Вместо $("#some_id") указать селекторы дочерних элементов, которые надо исключить, например $(".select2-selection > *")

Ответ написан более трёх лет назад

5 комментариев

Как анимировать отдельно минуты и секуды?

Кирилл Туровников @turovnikoff

Какая именно анимация? Вы уже задавали вопрос: как сделать анимацию таймера, сейчас он выезжает сверху вниз и проявляется, откуда берутся в нем сами числа? анимацию нужно привязывать именно к кэлбэкам этой библиотеки/скрипта.

Ответ написан более трёх лет назад

1 комментарий

Как сделать табы на странице в одну линию?

Кирилл Туровников @turovnikoff

Вот ваш код:

$(".tabs_header .wrapper .tab").click(function() {
        $(".tabs_header .wrapper .tab").removeClass("active").eq($(this).index()).addClass("active");
        $(".tabs_header .tab_item").hide().eq($(this).index()).fadeIn()
    }).eq(0).addClass("active");

Напишите функцию инициации при загрузке странице.
У вас 2 раза подключается jquery, я бы не придумывал велосипед и подключил jquery.ui и использовал https://jqueryui.com/tabs/

Блок с телефонами у вас сделан аналогичных образом, можно просто поправить стили

.tabs_header .tab_item:first-of-type {
    display: block;
}
.tabs_header  .tab_item {
    display: none;
}

Ответ написан более трёх лет назад

4 комментария

В чем ошибка sandwich menu?

Кирилл Туровников @turovnikoff

Начиная с версии 1.9 jquery, функция toggle работает иначе, используйте более ранние версии, ну и похоже у этих версий нет поддержки анимации css3, могу ошибаться. К тому же анимация неверная, вы поворачиваете полоски на угол 15 градусов в одном и том же направлении, т.е. они не пересекутся, плюс надо еще делать смещение. Я бы сделал так jsfiddle.net/straj/v3wrwy06

Ответ написан более трёх лет назад

Комментировать

Как сформировать меню из нескольких списков?

Кирилл Туровников @turovnikoff

Так jsfiddle.net/straj/wd50qbs3

$('#leftMenu .menuList').each(function(){
	var title = $(this).data('title');
    if(title) $(this).prepend('<h4>'+title+'</h4>');
});

Ответ написан более трёх лет назад

Комментировать

Как сделать простую галерею с миниатюрами?

Кирилл Туровников @turovnikoff

Ему не нравится queryselector, сделайте иначе, вот пример как jsfiddle.net/straj/z03yk9bb/1

Ответ написан более трёх лет назад

1 комментарий

Как убрать прозрачность картинки?

Кирилл Туровников @turovnikoff

Как я понимаю у блока указана прозрачность opacity, то все вложенные элементы тоже будут прозрачными, чтобы этого не было, задавайте фон блока в rgba. Например background: rgba(255,255,255,.5)

Ответ написан более трёх лет назад

Комментировать

Как исправить проблему выпадающего окна на jQuery?

Кирилл Туровников @turovnikoff

Зачем что-то придумывать? у вашей ссылки есть class - .popup-signin, его и используйте в скрипте, на текущий момент попап не выпадал, вот как должно быть:

$('.popup-signin').on('click', function(e) {
    e.preventDefault();
    $('.modal').toggleClass('active');
})

Ответ написан более трёх лет назад

Комментировать

Как сделать смену фона?

Кирилл Туровников @turovnikoff

Если нужна именная плавная смена цвета фона, то вот давным-давно писал скрипт простой jsfiddle.net/straj/9g2wrx81

Ответ написан более трёх лет назад

Комментировать

Скроллинг большого блока внутри маленького?

Кирилл Туровников @turovnikoff

Вот хороший плагин скролла manos.malihu.gr/jquery-custom-content-scroller обновляемый, с документаией, с поддержкой тача.

Ответ написан более трёх лет назад

1 комментарий

Как сделать переход по якорю +140px?

Кирилл Туровников @turovnikoff

Ну по видимому не footer'a, а фиксированного header'a. Можно определять отступ $(elem).offset().top - 140px, но так как header становится фиксированным, то он выпадает, поэтому лучше его поместить во wrapper фиксированной высоты.

$('a.mojnosti').click(function(){
        $('html, body').animate({scrollTop: $('#mojnosti').offset().top - 140}, 300);
        return false;
    });

Ответ написан более трёх лет назад

Комментировать

Как с помощью jQuery реализовать клик по input[type="file"]?

Кирилл Туровников @turovnikoff

Js в данном случае совсем не нужен, если input вложен в label, то при клике по label - input поймает фокус, в случает с input[type=file] - откроется. Сам input можете сделать display:none; если он вам не нужен.

Ответ написан более трёх лет назад

3 комментария

Почему не меняет тарибут в JS?

Кирилл Туровников @turovnikoff

Судя по всему надо так:

document.getElementsByTagName("body")[0].setAttribute('style', 'background:url(foto/30.jpeg)');

Ответ написан более трёх лет назад

2 комментария

Как сделать проверку div'ov?

Кирилл Туровников @turovnikoff

Вот проверка первого блока:

if($('div:first').is(':visible')){
	//необходимые манипуляции с блоками
}

Ответ написан более трёх лет назад

3 комментария

Как сделать модальное окно перемещаемым и увеличиваемым/уменьшаемым?

Кирилл Туровников @turovnikoff

Можно использовать jquery ui modal, он поддерживает drag&drop, resize https://jqueryui.com/dialog/, чтобы окно ресайзилось по скролу надо отдельную функцию писать и передавать параметры, можно использовать плагин mousewheel.

Ответ написан более трёх лет назад

Комментировать

Функция filter без ее использования любым способом?

Кирилл Туровников @turovnikoff

Если я правильно понял, то один фон должен в другой переходить fadeIn/fadeOut, если так то можно на js либо делать саму анимацию, либо прописать анимацию в классах:

var $second = $('.page-cover-second')
$(window).scroll(function(){
	if($(window).scrollTop() > N){
		if(!$second.hasClass('act')) $second.addClass('act');
	}else{
		if($second.hasClass('act')) $second.removeClass('act');
	}
});

N - высота до второго фона, можно определять динамически через $(element).offset().top;
И если анимация то, будет примерно так:

.page-cover-second{
	z-index:3;
	opacity:0;
	transition: opacity 0.3s;
}
.page-cover-second.act{
	opacity:1;
}

Ответ написан более трёх лет назад

Комментировать

Войдите на сайт