Тём привет! Toggle класс работает как переключатель, если класс уже есть такой, он его удалит, если нет - добавит. Дополнительно удалять класс не нужно. За материал спасибо! Сейчас опять возвращаюсь к верстку по твоим урокам - это сказка ❤
Спасибо за урок! Очень интересно было смотреть, как раз изучаю библиотеку JQuery. Единственное пожелание: оставляйте исходники кода, пусть даже платно, ибо так, по моему мнению, разобраться и понять код будет проще, чем при постоянной прокрутке видео на нужное место. Если вы оставляете уже где-то, скажите где. Удачи :)
Прикольный урок, только мне кажется с переменными слегка перемудрил )) $('.menu-link').click(function() { $(this).toggleClass('menu-link_active'); $('.menu').toggleClass('menu_active'); }); $('.menu a').click(function() { $('.menu').removeClass('menu_active'); }); вот и все, что нужно
Спасибо, очень интересно. Не понимаю один момент: вы дописываете часть кода с remove чтобы крестик обратно в бургер возвращать, а у меня и без этой части кода оба действия выполняются.
у меня тоже я вот так написал и без remove $(document).ready(function(){ $('.link-menu').click(function(){ $(this).toggleClass('link-menu_active'); }) })
Потому что метод toggleClass() добавляет класс если его нет и удаляет его если он есть. Аналогично использованию addClass() + removeClass(). Видимо автор хотел написать add вместо togle .
Привет, крутое видео! Но есть один вопрос, зачем дописывать код по удалению класса menu-link_active, если toggleClass добавляет класс если его нет и удаляет если он есть?
Привет, можешь сказать что за инструмент ты используешь для того, чтобы страница сразу обновлялся после сохранения когда? Я спрашиваю может ты используешь что-то новое, потому что для Mac LiveReload платный.
Под скажите пожалуйста что нужно для того что бы правильно поместить первый класс внутрь второго класса.?В данном примере класс &-link внутри класса .menu . Что означает символ & ? У меня файл css полностью не работает при такой записи при этом когда создаю Id то работает. Это разные файлы css раздельно от html.
Тём привет! Toggle класс работает как переключатель, если класс уже есть такой, он его удалит, если нет - добавит. Дополнительно удалять класс не нужно.
За материал спасибо! Сейчас опять возвращаюсь к верстку по твоим урокам - это сказка ❤
Подписался, приятно смотреть. отлично все на ходу решаешь и хорошо объясняешь, впитываю все как губка. Буду смотреть все видосы. Так держать! !!
самое забавное что именно ваш эксперимент в начале, Артем, это то, что я давно искал, спасибо :)
Очень интересно! стоит развивать тему js однозначно! Спасибо!
Спасибо за урок! Очень интересно было смотреть, как раз изучаю библиотеку JQuery. Единственное пожелание: оставляйте исходники кода, пусть даже платно, ибо так, по моему мнению, разобраться и понять код будет проще, чем при постоянной прокрутке видео на нужное место. Если вы оставляете уже где-то, скажите где. Удачи :)
Самые лучшие уроки по jquery
Спасибо огромное! Очень здорово и понятно объясняешь.
Спасибо большое за труд! Очень ценная информация!
Круто объясняешь, спасибо тебе за науку!!!
Спасибо Артем!! Полезный урок
что за трек на 20:22 ?
Rammstein - Du Hast
Ты сделал мой день)))
Супер! Всё понятно и просто!
Годно) Смачно вдолбил лайк) Хотелось бы еще гайдов по различным фичам.
Прикольный урок, только мне кажется с переменными слегка перемудрил ))
$('.menu-link').click(function() {
$(this).toggleClass('menu-link_active');
$('.menu').toggleClass('menu_active');
});
$('.menu a').click(function() {
$('.menu').removeClass('menu_active');
});
вот и все, что нужно
Ля спс, оказывается рил можно сделать проще)))
спасибо,все понятно и доходчиво!
Спасибо. Очень интересно!
Клево, продолжай в том же духе
Круто! Спасибо! 🤝🏆
Спасибо, очень интересно. Не понимаю один момент: вы дописываете часть кода с remove чтобы крестик обратно в бургер возвращать, а у меня и без этой части кода оба действия выполняются.
у меня тоже
я вот так написал и без remove
$(document).ready(function(){
$('.link-menu').click(function(){
$(this).toggleClass('link-menu_active');
})
})
Евгений это свойство toggle, у автора тоже бы заработало. Видимо автор подзабыл/не обратил внимание)
Потому что метод toggleClass() добавляет класс если его нет и удаляет его если он есть. Аналогично использованию addClass() + removeClass(). Видимо автор хотел написать add вместо togle .
Евгений Ветышев да он тупнул слегка, toggle это и есть add/remove
Спасибо за урок!
Огромное спасибо!
У меня отсутствует анимация при нажатии на иконку. Гамбургер сразу становиться крестиком и наоборот. В чем может быть проблема?
Спасибо, очень помогло
Зечем нужен removeClass если classToggle добавляет класс если его нет и удаляет если он есть тогда вместо classToggle нужно было использовать addClass
просто невнимательный чуточку.
Совершенно верно) ToggleClass он на то toggle, что если класс есть, он его уберет, если нету - добавит
круто! Спасибо)
Это в Sublime расщирение какое-то на w100vh h100vh?
"Emmet"
Привет, крутое видео! Но есть один вопрос, зачем дописывать код по удалению класса menu-link_active, если toggleClass добавляет класс если его нет и удаляет если он есть?
Он в конце видео удалил его, до конца надо смотреть
Тупанул, с кем не бывает)
Привет ! А какую цветовую схему Sublime Артем использует ? ) это явно не стандартная ?
Тема AfterGlow, но её минус в том что если вы допустили ошибку, то она не будет подчёркиваться.
Спасибо!
Что за плагин делает html из ul.menu>li*5>a[href='#']{Пункт $}
Всё, понял, emmet, просто на сработал с первого раза чёт
Почему страница загружается с уже открытым меню?
Привет, можешь сказать что за инструмент ты используешь для того, чтобы страница сразу обновлялся после сохранения когда? Я спрашиваю может ты используешь что-то новое, потому что для Mac LiveReload платный.
Browser-sync
Спасибо огромное :)
Под скажите пожалуйста что нужно для того что бы правильно поместить первый класс внутрь второго класса.?В данном примере класс &-link внутри класса .menu .
Что означает символ & ?
У меня файл css полностью не работает при такой записи при этом когда создаю Id то работает. Это разные файлы css раздельно от html.
.menu {
&-link{
display:block;
width:50px;
height:50px;
background-color:#fff;
border-radius:50%;
box-shadow:1px 1px 10px rgba(0,0,0,.4);
position:fixed;
top:20px;
left:20px}
}
Вроде всё здорово, но как подогнать эту кнопку под адаптив не понятно
Через медиа запрос. При ширине экрана больше n , присвой ей display: none ,а при ширине меньше n ,присвой ей display:block и все.
Круто!!!!
Отдуши объяснил!
что за тема в саблайме?
monokai
это всяко не monokai, больше похоже на twilight, но это не она
да, верно... сейчас сравнил - не монокай
Помоему это Atom какой то новый редактор очень похожий на Sublime
Хотя нет, ошибочка вышла.
Как сделать это меню адаптивным?
через media запросы. Прочитай про них тут: html5book.ru/css3-mediazaprosy/
Glo Academy Большое спасибо!
Почему не центрируете флексами?
Потому что тогда не было такого хайпа на флексы :)
я стал 33 000 подписчиком =)
Единственное не хватило - убрать скролл бар и возможность скролить страницу у пользователя и было бы супер
Хорошее видео :)
super
А что это за редактор?
Sublime text 3
@@Glo_Academy Спасибо
@@Glo_Academy а тема из интернета или встроенная в саму программу?если из интернета скажи её название.)
Afterglow
@@Glo_Academy спасибо ещё раз
18:31 :=
Почему не работают псевдо классы?
Скинь код, отвечу на вопрос, если это еще надо.