@@ -46,13 +46,15 @@ $.widget("ui.slider", $.extend({}, $.ui.mouse, {
46
46
47
47
this . range
48
48
. appendTo ( this . element )
49
- . addClass ( "ui-slider-range"
50
- + " ui-widget-header" ) ;
49
+ . addClass ( "ui-slider-range" ) ;
51
50
52
- ( o . range == "min" ) && ( this . orientation == "horizontal" ) && this . range . css ( { left : 0 } ) ;
53
- ( o . range == "max" ) && ( this . orientation == "horizontal" ) && this . range . css ( { right : 0 } ) ;
54
- ( o . range == "min" ) && ( this . orientation == "vertical" ) && this . range . css ( { bottom : 0 } ) ;
55
- ( o . range == "max" ) && ( this . orientation == "vertical" ) && this . range . css ( { top : 0 } ) ;
51
+ if ( o . range == "min" || o . range == "max" ) {
52
+ this . range . addClass ( "ui-slider-range-" + o . range ) ;
53
+ }
54
+
55
+ // note: this isn't the most fittingly semantic framework class for this element,
56
+ // but worked best visually with a variety of themes
57
+ this . range . addClass ( "ui-widget-header" ) ;
56
58
57
59
}
58
60
@@ -464,10 +466,10 @@ $.widget("ui.slider", $.extend({}, $.ui.mouse, {
464
466
var _set = { } ; _set [ self . orientation == 'horizontal' ? 'left' : 'bottom' ] = valPercent + '%' ;
465
467
this . handle . stop ( 1 , 1 ) [ animate ? 'animate' : 'css' ] ( _set , o . animate ) ;
466
468
467
- ( oRange == "min" ) && ( this . orientation == "horizontal" ) && this . range . stop ( 1 , 1 ) [ animate ? 'animate' : 'css' ] ( { left : 0 , width : valPercent + '%' } , o . animate ) ;
468
- ( oRange == "max" ) && ( this . orientation == "horizontal" ) && this . range [ animate ? 'animate' : 'css' ] ( { left : valPercent + '%' , width : ( 100 - valPercent ) + '%' } , { queue : false , duration : o . animate } ) ;
469
- ( oRange == "min" ) && ( this . orientation == "vertical" ) && this . range . stop ( 1 , 1 ) [ animate ? 'animate' : 'css' ] ( { top : ( 100 - valPercent ) + '%' , height : valPercent + '%' } , o . animate ) ;
470
- ( oRange == "max" ) && ( this . orientation == "vertical" ) && this . range [ animate ? 'animate' : 'css' ] ( { bottom : valPercent + '%' , height : ( 100 - valPercent ) + '%' } , { queue : false , duration : o . animate } ) ;
469
+ ( oRange == "min" ) && ( this . orientation == "horizontal" ) && this . range . stop ( 1 , 1 ) [ animate ? 'animate' : 'css' ] ( { width : valPercent + '%' } , o . animate ) ;
470
+ ( oRange == "max" ) && ( this . orientation == "horizontal" ) && this . range [ animate ? 'animate' : 'css' ] ( { width : ( 100 - valPercent ) + '%' } , { queue : false , duration : o . animate } ) ;
471
+ ( oRange == "min" ) && ( this . orientation == "vertical" ) && this . range . stop ( 1 , 1 ) [ animate ? 'animate' : 'css' ] ( { height : valPercent + '%' } , o . animate ) ;
472
+ ( oRange == "max" ) && ( this . orientation == "vertical" ) && this . range [ animate ? 'animate' : 'css' ] ( { height : ( 100 - valPercent ) + '%' } , { queue : false , duration : o . animate } ) ;
471
473
}
472
474
473
475
} ,
0 commit comments