diff --git a/js/widgets/forms/slider.tooltip.js b/js/widgets/forms/slider.tooltip.js index 93c342e3719..eff1f82a29c 100644 --- a/js/widgets/forms/slider.tooltip.js +++ b/js/widgets/forms/slider.tooltip.js @@ -93,6 +93,9 @@ $.widget( "mobile.slider", $.mobile.slider, { if ( o.popupEnabled && this._popup ) { this._positionPopup(); this._popup.html( newValue ); + if (o.showValue) { + this.handle.html( newValue ); + } } else if ( o.showValue && !this.options.mini ) { this.handle.html( newValue ); } diff --git a/tests/unit/slider/index.html b/tests/unit/slider/index.html index b92586a8d92..d68ed50fb9b 100644 --- a/tests/unit/slider/index.html +++ b/tests/unit/slider/index.html @@ -124,6 +124,10 @@ + +
diff --git a/tests/unit/slider/slider_core.js b/tests/unit/slider/slider_core.js index 06e98a7c7cd..6debb002949 100644 --- a/tests/unit/slider/slider_core.js +++ b/tests/unit/slider/slider_core.js @@ -105,4 +105,11 @@ }); slider.trigger( "mouseup" ); }); + + test( "slider tooltip & button values should match after input value changes", function() { + var slider = $("#tooltip-test-both"); + var sliderHandle = slider.siblings(".ui-slider-track").children(".ui-slider-handle"); + + ok( slider.val() === sliderHandle.text(), "slider text should match handle text"); + }); })( jQuery );