Slider: Count the handles after setting up a range. Fixes #7922 - Slider with range...

diff --git a/ui/jquery.ui.slider.js b/ui/jquery.ui.slider.js
index ab8287e7bf61538f07c03a3eca117b4550cc6d4b..eb0f7fc15ca68e1bb803bb5f175ca268a81235ce 100644 (file)
--- a/ui/jquery.ui.slider.js
+++ b/ui/jquery.ui.slider.js
@@ -36,11 +36,10 @@ $.widget( "ui.slider", $.ui.mouse, {
        },
 
        _create: function() {
-               var i,
+               var i, handleCount,
                        o = this.options,
                        existingHandles = this.element.find( ".ui-slider-handle" ).addClass( "ui-state-default ui-corner-all" ),
                        handle = "<a class='ui-slider-handle ui-state-default ui-corner-all' href='#'></a>",
-                       handleCount = ( o.values && o.values.length ) || 1,
                        handles = [];
 
                this._keySliding = false;
@@ -79,6 +78,8 @@ $.widget( "ui.slider", $.ui.mouse, {
                                ( ( o.range === "min" || o.range === "max" ) ? " ui-slider-range-" + o.range : "" ) );
                }
 
+               handleCount = ( o.values && o.values.length ) || 1;
+
                for ( i = existingHandles.length; i < handleCount; i++ ) {
                        handles.push( handle );
                }