Практика. Часть 5. Верстка всплывающих окон на сайте | Курс Веб разработчик | Академия верстки

[@DmytroBabyretskyi]

Подскажите пожалуйста, что сделать, чтобы при просмотре сайта на XS экранах заработала кнопка получить консультацию и заработала ссылка на номер телефона

[@_Fantom_.]

Долго не мог найти причину неработоспособности модального окна, - оказалось, что у меня почему-то не работали функции "fadeIn" и "fadeOut". Когда заменил их на "show" и "hide", все заработало, правда не так плавно как на видео..

[@ProstoSvidetel]

Аналогично. Видимо с 2017-ого что-то изменилось...

[@anton8258]

Все работает

[@ХАЙДУК]

@@ProstoSvidetel у меня тоже не работало. раз 5 удалил заново написал и заработало

[@nickbrowin5862]

При сжатии браузера, модальное окно не меняется.

[@FunnyJoke_Top]

Допустим без инцилизация сладйреа это делается?

[@asan_lex]

пссс Артем, видосик про vs code🙏

[@Glo_Academy]

Записал. Монтирую

[@begremot]

У кого не работает fadeIn и fadeOut там надо дополнительные параметры теперь в скобках После .fadeIn и .fadeOut надо написать ('fast', function(event) { }); });

[@АлександрСапунов-ю4з]

все равно не работает

[@arkadii4052]

А получается так, что все клиенты при открытии модалки будут кликабельными?

[@Mediumwell56]

Так и не смог заставить fadeIn и fadeOut работать на code.jquery.com/jquery-3.5.1.slim.min.js Заменил на ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js

[@azizshik2678]

Огромное спасибо!

[@anton8258]

Спасибо за шикарный урок! Подскажи пожалуйста, сейчас в 2020 году ты активно используешь jQuery, или перешел на что то еще/чистый js? Просто сейчас везде стали писать что он начал умирать, даже на том самом habar'е.

[@Glo_Academy]

Я до сих пор использую jQuery, чувствую себя прекрасно

[@НикитаЛевшин-ы8р]

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

[@НикитаЛевшин-ы8р]

проблема решена, в headere стояла высота 7 rem, ее не хватало на маленьких экранах, добавил в медиазапрос

[@boldureans]

​@@НикитаЛевшин-ы8р Спасибо никогда бы не догадался...

[@o.korsakov4426]

мне показался лишним и без него все работает?

[@jilbrayv9959]

Смог заставить работать fadeIn, оказывается надо было букву "I" заглавной писать

[@tomirisibrahim8170]

блин у меня не работает модалка

[@LashchevDev]

Меня столько раз пиратом ещё никто не называл 😅😆

[@mr.orleond4334]

Надень черную повязку на глаз, будут чаще называть)

[@Oussama-vo4zk]

$('popup-close, .popup').on('click', function(event) { event.preventDefault(); $('.popup').hide(); }); - кнопка закрытия , если у кого то не работало именно закрытие.

[@channelofmaks9505]

надо писать без poput только poput-close а то будет закрываться весь poput при нажатие на любое свободное место долго думал где ошибка

[@eugeneshiyan]

я один заметил что он забыл применить стили к textarea RESIZE: none;

[@tomirisibrahim8170]

$('.popup-btn').on('click' , function(event){ event.preventDefault(); $('.popup').fadeIn(); }); что тут не так ????

[@daosistSha]

Тут всё так, вероятно, где-то ещё в js полетели закрывающиеся скобки или точки с запятой.

[@tomirisibrahim8170]

@@daosistSha буду искать

[@channelofmaks9505]

@@tomirisibrahim8170 проверь у тебя кнопка под тем же классом весит? или уже разобрался

[@SnapScene]

регистрацию можно в скрипте сделать? или пхп?

[@Erudite.]

*Colson Baker* В пхп конечно Вы же с сервером работать будите.

[@Erudite.]

Мне больше нравится самому модальные окна писать. Примерно как то так: goo.gl/dKKWxr Подключать целую библиотеку jQuery для того чтобы всплыло окошко это как то слишком не рационально особенно на одностраничнике.

[@souichimoon]

в чем не рациональность? вместо 0.1 секунды будет открываться 0.11 секунд? тогда уж весь бек писать на асемблере там же рациональность

[@АнатолийМихайлович-н8в]

Эх, что ж вы не прорабатываете закрытие по нажатию на фон и на Esc. А так респект за самописный попап.