-
jQuery. Подключение обработчиков для новых элементов через on()
При создании новых элементов на странице, к ним неизбежно нужно прикреплять обработчики событий, при помощи метода on(). Сейчас покажу действенный пример, как сделать это верно, чтобы никогда не допускать потер времени на столь простом вопросе. Ниже пример кода: $(‘#some-wrapper’).on(‘click’, ‘a.new-link’, function(e) { alert(‘Callback!!!’); e.preventDefault(); }); Пример достаточно прост. Здесь #some-wrapper — селектор неизменной обертки —…
-
Плагин Select2. Как обновить селект?
При работе с jquery-плагином Select2 очень типична задача обновления плагина после изменений данных внутри исходного селекта. Решение очень простое и было найдено на stackoverflow. Итак, чтобы обновить плагин select2 выполните следующий код: $(‘select.filter.select2’).trigger(‘change.select2’); Как видите, это очень просто, хоть, по-своему и не очевидно.
-
Этот Input type number реагирует только на стрелки.
Устанавливая для input[type=number] значения min, max и step иногда можно забыть, что это по-пержнему всего-навсего инпут, в который можно ввести любою информацию с клавиатуры. Варианов решения много и применять каждый из них следует в зависмости от поставленных задач, но я приведу, наверное, самый простой из них. Итак: В данном примере мы просто добавили js-обработчик нажатия…
-
Как изменять высоту textarea в зависимости от количества строк?
Люблю отзывчивые дизайны, люблю, когда все продумано до мелочей и сейчас речь пойдет именно о таком jqeury-плагине. Он позволяет изменять высоту textarea в зависимости от количества введенного текста, при этом не создает дубликатов и скрытых полей, которые замедляют работу страницы. Все очень просто и удобно. Не буду приводить много примеров — приведу две ссылки, на…
-
Html. Css. Как указать свой файл курсора?
Изменение курсора, в последнее время, редкая практика, но, тем не менее, следует знать о такой возможности. Все, на самом деле, очень просто: cursor: url(images/cursor.cur); cursor: url(images/cursor.png) x y, auto; Все просто — кто хоть немного знаком с CSS — все поймет без проблем. Ну а посмотреть список доступных базовых шаблонов можно здесь.
-
Html5. CSS3. Полный перечень доступных курсоров.
CSS3, как я недавно узнал, существенно уразнообразил список доступных курсоров, что не может не радовать. В этой статье приведу полный список доступных для использования курсоров. Итак, наводите мышкой на абзацы ниже и смотрите результат: Старые стили с CSS2: cursor: auto cursor: inherit cursor: crosshair cursor: default cursor: help cursor: move cursor: pointer cursor: progress cursor:…
-
Html5. Как убрать стрелочки с input[type=number]
Стандартные стрелочки с текстового поля с типом number выглядят убого и мало когда подходят по своему внешнему виду. Ввиду этого хочу поделиться примером стилей, которые позволяют избавиться от ненужных визуальных контролов, при этом сохранив базовый функционал. input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type=’number’] { -moz-appearance: textfield; } Этот простой сниппет позволит получить желаемый результат, выполнив…
-
Javascript. Как склонять слова?
Приведу пример найденной на просторах интернета функции для склонения слов зависимости от чистительного. По моему глубокому убеждению только детали способны отличить Лучшее от Хорошего. Поэтому с большим презрением отношусь, например, к магазинам, где написано «В Корзине 22 товар» или «Товаров в корзине: 22». Ну неужели это лучше, чем «В корзине 22 товара» или «В Корзине…
-
jQuery. Как подключить библиотеку с Google?
Подключение jQuery с google имеет множество преимуществ, перед подключением с собственного хостинга. Итак, чтобы подключить актуальную — т.е. самую свежую версию jQuery — используйте следующий код: Если же Вы хотите конкретно указать необходимую версию — используйте код ниже, в нем подключаем версию 1.9.0: