Releases: simeydotme/jQuery-ui-Slider-Pips
fix grunt dependencies
resolves a grunt vulnerability warning, as we're not using grunt anymore the deps should have been removed! oops.
Remove Gruntfile
- Get rid of that old dinosaur.
Destroy() and Refresh() methods added
Pips and Floats both now have a destroy
and refresh
method (in documentation) which will allow better control. especially when changing the values/options for the slider they are attached to.
/* destroy the pips after they've been created */
$(".slider").slider({ max: 50 }).slider("pips");
$(".slider").slider("pips", "destroy");
and
/* refresh the pips after slider max value changes */
$(".slider").slider({ max: 50 }).slider("pips");
$(".slider").slider("option", "max", 100).slider("pips", "refresh");
- Changed build flow to
Gulp
,Gruntfile
is still in repo for now, but will be removed in next release. - Added better JSHINT and JSCS
- Added a minified
.css
file
Add `inrange` class for min/max range sliders
While updating the documentation gh-pages with a new slider I realised that the plugin wasn't adding "inrange" class for min/max
range sliders, only for a true
range slider. Fixed.
Make compatible with 1.11.2+ and fix animate
-
Change max/min values for jqueryui
> 1.11.2
Since jqueryui released version 1.11.2 the pips plugin has been
incompatible with it. This was due to the jqui team (awesomely) changing
the way of calculating stepped-values. They removed the remainders of
sliders with odd step values.It was possible to handle this in a backwards compatible way by utilising
the._valueMax()
and._valueMin()
methods from the jqui slider plugin, instead
of using the.options.max/.options.min
values.
-
Fix bug with animated handles "jumping" to the piplabels
There was a little bug where the handles would jump to the pip labels
instead of slide to them when theanimated: true
option was set.Fixed.
Add classes to all pips in range.
As mentioned in the Stackoverflow topic: http://stackoverflow.com/questions/30201485/jquery-ui-slider-pips
Now all pips that lie between the handles of a range: true;
slider will get a specific class called .ui-slider-pip-inrange
which has default styling of black text.
🐮
Clean up slider events
As requested in issue #51 I cleaned up the event firings, so you should now get the expected slidestart, slide, slidechange, slidestop
events firing at the correct time.
Multiple Handles (values)
This release is to cover the addition of methods for multiple handles/values.
Before the plugin could only work for 2 values maximum, now it will care for any number of values given to the slider method as an option:
var $slider =
$(".slider")
.slider({ max: 50 , min: -50, values: [-20 , 0, 10, 20, 30], step: 10 })
.slider("pips")
.slider("float");
This is perfectly valid now.
However it made a few CSS classes stop working, and also broke the label-select method, so I had to refactor them and they are non-critical changes which would require a little work to fix up. This doesn't break backwards compatibility, but it does change behaviour slightly and you will need to update the initial
and selected
css classes as seen here
Bugfix for #49
There was a fairly serious bug with float-labels as defined here #49 .. this bugfix rectifies the problem and float-labels should work as intended.
1.7.2 - Bugfix
Had a small bug with floats & labels - please update to 1.7.2