Bug Tracker

Opened 8 years ago

Closed 8 years ago

#8932 closed bug (invalid)

Slider range bug: always 1 off

Reported by: robin@… Owned by:
Priority: undecided Milestone: 1.next
Component: unfiled Version: 1.4.2
Keywords: Cc:
Blocked by: Blocking:

Description

Dealing with the following problem on the page http://www.vakantiehuizen-frankrijk.nl/vakantiehuis-frankrijk

I've included three sliders on that page, but I face the following bug:

  1. When dragging the slider he seems to be 1 off. Please try the "sterren"-slider to see if yourself. If you drag the left slider to the right you'll see that nothing changes in the first 'step', the second step changes the value to "1".

On-page Javascript:

<script type="text/javascript">
		$(document).ready(function(){	
			
			$(".priceslider").slider({ 
				range: true, 
				min: 0, 
				max: iCurrentSliderPriceMax,
				change: function(e,ui) { 
					$(".qualityBox em#prijs_min").html($(".priceslider").slider("values", 0));
					$(".qualityBox em#prijs_max").html($(".priceslider").slider("values", 1));
				}
			});
			
		        $(".sterslider").slider({ 
				range: true, 
				min: 0, 
				max: 5, 
				change: function(e,ui) { 
					$(".qualityBox em#ster_min").html($(".sterslider").slider("values", 0));
					$(".qualityBox em#ster_max").html($(".sterslider").slider("values", 1));
				}
			});

		        $(".cijferslider").slider({ 
				range: true, 
				min: 0, 
				max: 10, 
				change: function(e,ui) { 
					$(".qualityBox em#cijfer_min").html($(".cijferslider").slider("values", 0));
					$(".qualityBox em#cijfer_max").html($(".cijferslider").slider("values", 1));
				}
			});
		});
 		var sProtocol = "http";		
</script>

HTML

<!--  / quality box \ -->

<div class="qualityBox">

        <h3>Kwaliteit</h3>
 
	<script type="text/javascript">
		var iSliderPriceMin = 0;
		var iSliderPriceMax = iCurrentSliderPriceMax;
	</script>

        <h4><span>Min <em id="prijs_min">0</em> - Max <em id="prijs_max">5500</em></span> Prijs in EURO</h4>

        <div class="priceslider"></div>
 
	<script type="text/javascript">
	        var iSliderStarsMin = 0;
		var iSliderStarsMax = 5;
	</script>

        <h4><span>Min <em id="ster_min">0</em> - Max <em id="ster_max">5</em></span> Aantal sterren</h4>

        <div class="sterslider"></div>

        <script type="text/javascript">
                var iSliderRatingMin = 0;
                var iSliderRatingMax = 10;
        </script>

        <h4><span>Min <em id="cijfer_min">0</em> - Max <em id="cijfer_max">10</em></span> Beoordelingscijfer</h4>

        <div class="cijferslider"></div>
</div>

<!--  \ quality box / -->

Change History (1)

comment:1 Changed 8 years ago by ajpiano

Resolution: invalid
Status: newclosed

Thank you for your time and interest in helping the jQuery project, but this tracker is only for jQuery Core bugs, not jQuery UI. Please report jQuery UI bugs on the jQuery UI Bug Tracker, and provide a testcase on jsfiddle.net to allow the ticke to be audited.

Note: See TracTickets for help on using tickets.