Rangeslider: Fixed the disabled styling.

Author: jaspermdegroot

css/structure/jquery.mobile.forms.rangeslider.css

@@ -51,9 +51,8 @@
 .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
 	top: 9px;
 }
-.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track.ui-disabled {
-	opacity: 1;
-	z-index: auto;
+.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
+	display: none;
 }
 .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
 	background-color: transparent;

js/widgets/forms/slider.js

@@ -495,17 +495,13 @@ $.widget( "mobile.slider", $.mobile.widget, {
 
 	enable: function() {
 		this.element.attr( "disabled", false );
-		this.slider.removeClass( "ui-disabled" ).attr( "aria-disabled", false ).parent().removeClass( "ui-disabled" );
+		this.slider.removeClass( "ui-disabled" ).attr( "aria-disabled", false );
 		return this._setOption( "disabled", false );
 	},
 
 	disable: function() {
 		this.element.attr( "disabled", true );
-		if( this.isRangeslider ) {
-			this.slider.attr( "aria-disabled", true ).parent().addClass( "ui-disabled" );
-		} else {
-			this.slider.addClass( "ui-disabled" ).attr( "aria-disabled", true );
-		}
+		this.slider.addClass( "ui-disabled" ).attr( "aria-disabled", true );
 		return this._setOption( "disabled", true );
 	}