JavaScript CSS HTML
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
src
.gitignore
.htaccess
README.md
bower.json
favicon.ico
gulpfile.js
humans.txt
package.json

README.md

nSelect - jQuery custom select plugin

Описание

nSelect - это простой плагин для кастоматизации выпадающего списка. Отличие от других подобных плагинов состоит в том, что он не перегружен лишним функционалом. Размер минифицированной версии составляет всего около 3 кб.

Сайт с документацией и примерами: http://nselect.edbond.name/

Версия: 1.0.1

Установка

Для начала нужно скачать архив с плагином, из папки build взять файлы jquery.nselect.min.js, jquery.nselect.css и подключить к вашему проекту.

HTML

Файл со стилями подключается в head тэг:

<link rel="stylesheet" href="jquery.nselect.css">

Сам плагин подключаем перед закрытием тэга body. Для плагина нужна библиотека jQuery > 1.6.0.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="jquery.nselect.js"></script>
CSS

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

Установка с помощью bower
bower nselect
Инициализация

Для инициализации нужно вызвать плагин для нужного нам селекта:

<select class="nselect" name="pets">
    <option value="1">Cat</option>
    <option value="2">Dog</option>
    <option value="3">Frog</option>
    <option value="4">Duck</option>
    <option value="5">Elephant</option>
</select>
$('.nselect').nSelect();

Конфигурация

Настраивать плагин можно с помощью следующих опций, которые передаются в виде объекта, как параметр в функцию.

Пример:

$(selector).nSelect({ option: value });

Полная документация доступна на сайте http://nselect.edbond.name/

Требование и поддержка

Для работы плагина нужна библиотека jQuery версии выше 1.6

Поддержка браузерами:

  • Chrome & Mobile Chrome
  • Firefox
  • Opera
  • Internet Explorer > 8
  • Safari & Mobile Safari

Сайт разработчика: http://edbond.name/