JQuery:
Бывает, что нужно вставить на страницу сайта видео с YouTube, но если использовать обычный метод "embedded code":
то его обложка может быть не подходящей:
Есть разные способы, мне понравился разместит на старице любую картинку, наложить на нее кнопку "paly", а при нажатии открывать модальное окно. Единственный момент, что видео, описание и заголовок, у каждого виде свои.
.submit() не работает
При вызове метода submit() формы - ничего не происходит.
Первым делом проверил, что точно обращаюсь к форме, а не какому-то другому элементы.
Потом проверил, что форма с таким ID только одна.
В итоге проблема оказалась в имени кнопки:<button type="submit" name="submit">Отправить</button>
Стоило убрать name="submit" и все заработало.
Простенький спойлер на JavaScript
Пример того, как быстро сделать спойлер, который отображается только на "больших экранах", а на мобильном телефоне сразу показывает свое содержимое.
На новом проекте столкнулся с проблемой: при нажатии на кнопку "показать еще", которая подгружает следующую порцию товаров, все события (добавить в корзину, в избранное и т.д.) начинали срабатывать повторно.
При этом при втором нажатии на "показать еще" все события утраивались.
Иногда нужно отреагировать на нажатие клавиш не на конкретонм элементе или в поле ввода, а на странице. Ниже приведу простенький сниппет на данную тему. Он просто отслеживает нажатие сочетания клавиш (горячих клавиш) ctrl + enter.
Часто бывает, что нужно обработать клик вне активного элемента (блока), например когда сделан кастомный выпадающий список.
Подобная проблема бывает когда используется всплывающее (модальное) окно, но там, чаще всего, есть слой с зтемнением, клик по которому и можно обработать.
Возник вопрос - как обработать событие нажатия на псевдоэлементы / ::before и/или ::after используя, например, jQuery.
Базовый пример того, как можно сделать кнопку для скрола до шапки сайта. В примере использоваться fontawesome и jQuery, но вполне можно обойтись и без них.
Кнопка появляется, только если посетитель промотал сайт на 300 пикселей вниз.
Сортировка данных в таблице на JQuery
Плагин Tablesorter отлично подойдет, если нужно в рантайме сортировать табличные данные.