Лучшие решения
появляются в процессе

Select css оформление — jquery плагин Selectric

(1 оценок, среднее: 5,00 из 5)
Загрузка...

В данной статье рассмотрим плагин 

Selectric.js

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

Подключение:
1. Переходим на сайт плагина: http://selectric.js.org/
2. Скачиваем архив
3. Подключаем к проекту минифицированный js (зависимость от jquery или zepto)
4. Заходим на страницу темирования, скачиваем и подключаем нужный css: http://selectric.js.org/demo.html
5. Пользуясь консолью браузера поправляем в скачанном стили под дизайн.

Подробнее...

Как определить клик вне элемента

(1 оценок, среднее: 5,00 из 5)
Загрузка...

Наиболее частый случай - закрытие элемента по клику за его границами.

Как закрыть меню по клику вне при помощи JavaScript

При помощи делегирования

Один из самых простых и безопасных способов - создать функцию, выбрасывающую событие по клику вне элемента.

function detectClickOutsideMenu(selector, eventName) {
    $(document).on('click', function(event) {
        if (!$(event.target).closest(selector).length) {

            $('body').trigger(eventName);

        }
    });
}

Подробнее...

Как определить объект Jquery

(Пока оценок нет)
Загрузка...

Как узнать, является ли объект обернутым в Jquery?

function(element){
   var $element = null;
   if(element instanceof jQuery){
     $element = element;// если объект уже обернут в Jquery, то нет смысла делать это повторно
   }else{
     $element = $(element);
   }
}

 

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

$('ul').find('li');

 

Benchmark

Стиль полосы прокрутки (scrollbar)

(1 оценок, среднее: 5,00 из 5)
Загрузка...

Зачастую появляется необходимость изменить стиль полосы прокрутки, особенно если она находится не на краю окна браузера, а на внутреннем элементе сайта. На сегодняшний момент качественно может помочь только ререндеринг с помощью JavaScript - имеется выбор из нескольких плагинов. Сразу предупрежу, что такие крайние меры всегда нежелательны, особенно на и без того загруженных скриптами сайтах, тем более в новых версиях браузеров и ОС аппаратные полосы прокрутки становятся все более элегантными. jScrollPane - cross browser styleable scrollbars with jQuery and CSS nanoScroller.js iScroll, smooth scrolling for the web
NanoScroller.js
Нужно импортировать стили и подключить скрипт, которые цепляются за классы в HTML обертке. Обертка представляет собой контейнер со 100% шириной и высотой, а также position:relative. Так что размеры внешнего контейнера должны быть указаны явно. Позволяет методами скролить вверх/вниз, принудительно показать стильную полоску или убрать ее оставив ничего. Так же можно вовсе выключить плагин и перезапустить. Есть 2 события о достижении верхнего и нижнего пределов. Для iOS5+ позволяет отключать плагин. Есть метод застопорить прокрутку основной страницы при достижении пределов, а также несколько декоративных методов.