luigi7up / noUiSlider

noUiSlider is a little jQuery plugin that turns an html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.

noUiSlider

Current version: 4.0.3

noUiSlider is a super tiny jQuery plugin that allows you to create range sliders.
It fully supports touch, and it is way(!) less bloated than the jQueryUI library.

A full documentation, including examples, is available on the noUiSlider documentation page.

Changes

Changelog for version 4.0.3:

• Missed a file while updating to 4.0.2.

Changelog for version 4.0.2:
[current patch release]

• Fixed some minor CSS issues in the default theme
• The slider will no longer force an arbitrary width or height
• Changed source to comply to more JsLint suggestions
• Removed compressed versions from the tracking system. They'll still be produced and provided, but they'll only be bundled in the Github Releases Feature.
• Some very small changes to internal input testing

Changelog for version 4:
[current major release]

• Massive update overhauling the entire code style
• Better styling possibilities
• Brand new Flat theme
• Windows Phone 8 support
• Performance improvements
• New way of handling disabled sliders
• Internal option testing provides feedback on issues

Version numbering

Version numbering follows the 'Semantic versioning' style.
You'll find an excellent documentation at Semver.org.

Compression and Error checking

CSS (CSSMinifier)
The stylesheet is trimmed of whitespace and comments to provide a min version.

JS (Google Closure Compiler)
The plugin is compressed using the Google Closure compiler, using the 'simple' optimization option.

Code (JsLint)
The plugin code is checked using JsLint, with the following options:

browser: true
devel: true
plusplus: true
unparam: true
sloppy: true
white: true

Please note that while some errors remain without these options, they are merely differences in coding style. Using ++ for example, is in my opinion very clear in a for loop. Some jQuery methods offer callbacks noUiSlider doesn't require, thus requiring unparam, and the devel option is required for the console statements. The sloppy option refers to a missing "use strict" statement, which isn't included for lack of testing.

Known issues

There are some minor issues remaining in noUiSlider 4. It is a priority to fix these issues.

• Firefox will prefer scrolling to dragging the slider on touch events. The preventDefault() call that prevents this in other browser seems to fail here.
• In IE10, tapping the slider to move it will fail in with these conditions:
  • The paged is zoomed;
  • The slider uses the orientation: vertical option
  • The page is scrolled, so that scrollTop > 0
    This issue affects both IE10 in Windows 8 and Windows Phone 8.