jquery событие клик только по родительскому контейнеру

Если вешаем клик на родительский элемент то событие клик срабатывает и на всех дочерних элементах, это зачастую совершенно не нужно. Что бы jquery события срабатывали ТОЛЬКО на указанных элементах используем такой код: $(‘body’).on( ‘click’, ‘.form_bg, .form_close’, function(e){ if (e.target !== this) return; // тут весь код который надо нам выполнять }); классы можно перечислять через … Читать далее

Простое мобильное меню для сайта

Мобильное меню открывающееся при клике на кнопку (гамбургер и тд). В данном примере на полный экран. Кнопка открытия .mob_btn размещается в любом месте согласно макету. Кнопка закрытия .mob_btn_close находится внутри полноэкранного блока с меню. Контейнер для меню .mob_container размещается в любом месте в коде. html <a href=»#» class=»mob_menu_btn»>Меню</a> <div class=»mob_container hide»> <div class=»mob_btn_close»>Закрыть</div> <?php wp_nav_menu( … Читать далее

Как изменить css input type file и подсвечивать если выбран файл

Что бы стилизовать input file можно оформить его так: <div class=»fileup»> <label for=»file-1″> <span class=»wpcf7-form-control-wrap file-1″> <input type=»file» name=»file-1″ size=»40″ class=»wpcf7-form-control wpcf7-file» id=»file-1″ accept=».jpg,.jpeg,.png,.gif,.pdf,.doc,.docx,.ppt,.pptx,.odt,.avi,.ogg,.m4a,.mov,.mp3,.mp4,.mpg,.wav,.wmv» aria-invalid=»false»> </span> </label> </div> В плагине для вордпресс contact form 7 в редакторе выглядит примерно так: <div class=»fileup»> <label for=»file-1″> [file file-1] </label> </div>   Скрипт добавляет класс для input file … Читать далее