Данный код работает начиная с версии 1.5 (с появлением в jQuery Deferred Object).

Категории: JQuery

Пример того, как быстро сделать спойлер, который отображается только на "больших экранах", а на мобильном телефоне сразу показывает свое содержимое.


Категории: JavaScript, JQuery

На новом проекте столкнулся с проблемой: при нажатии на кнопку "показать еще", которая подгружает следующую порцию товаров, все события (добавить в корзину, в избранное и т.д.) начинали срабатывать повторно.

При этом при втором нажатии на "показать еще" все события утраивались.


Категории: JavaScript, JQuery
Пометки: jQuery on - как избежать повторного срабатывания / Почему onclick в jQuery срабатывает несколько раз.

Иногда нужно отреагировать на нажатие клавиш не на конкретонм элементе или в поле ввода, а на странице. Ниже приведу простенький сниппет на данную тему. Он просто отслеживает нажатие сочетания клавиш (горячих клавиш) ctrl + enter.


Категории: JavaScript, JQuery
Пометки: Если Вы нашли неточность в описании, то напишите нам (можно нажать ctrl + enter).

Часто бывает, что нужно обработать клик вне активного элемента (блока), например когда сделан кастомный выпадающий список.

Подобная проблема бывает когда используется всплывающее (модальное) окно, но там, чаще всего, есть слой с зтемнением, клик по которому и можно обработать.


Категории: JavaScript, JQuery
Пометки: Как проверить на клик за пределами элемента javascript, jQuery

Возник вопрос - как обработать событие нажатия на псевдоэлементы / ::before и/или ::after используя, например, jQuery.


Категории: JavaScript, JQuery
Пометки: jquery after onclick before

Базовый пример того, как можно сделать кнопку для скрола до шапки сайта. В примере использоваться fontawesome и jQuery, но вполне можно обойтись и без них.

Кнопка появляется, только если посетитель промотал сайт на 300 пикселей вниз.


Категории: JavaScript, CSS, JQuery
Пометки: Плавная промотка страницы до шапки сайта, scrollup

Плагин Tablesorter отлично подойдет, если нужно в рантайме сортировать табличные данные.


Категории: JavaScript, JQuery
Данный плагин умеет вписать картинки в прямоугольную область без деформации и обрезания.

Категории: JQuery

Задача: производить набор действий, если посетитель сайта промотал (проскролил) страницу до нужного элемента.

Например, подсвечивать пункт меню на лендинг странице. Иногда такое называют spyscroll.


Категории: JQuery
Яндекс.Метрика