Assume the following example
$("#myslider").slider({ min: 0, max: 1, step: 1 });
Steps = max - min, so it's 1, not 2. There are two points at which the
handle can rest, but only one step between them.
So it is in your case, 7 - 0 = 7 steps.
- Richard
On Tue, Feb 3, 2009 at 12:30 AM, Albert Lai <[email protected]> wrote:
>
> Hello~ I am using jQuery 1.3.1 + jQuery UI 1.6rc6 for the slider in my
> page.
> I used the following coding to init the slider:
>
> // JS Coding
> $(document).ready(function(){
> $('#myslider').slider({ min: 0, max: 7, step: 1 });
> });
>
> <!-- HTML Coding -->
> <div id="myslider" style="width: 80px;"></div>
>
> /* CSS */
> .ui-slider-handle{
> background: url(myhandle.png) 0 0 repeat-x;
> width: 10px;
> }
>
> So, there should be 8 steps for this slider.
> But I found that the handle moved outside the rail when the value is
> 7.
> In firefox firebug console, I discovered that the handle increase the
> css left property for 14.28% ( 100% / 7 ) on slide.
> It should be increase 12.5% ( 100% / 8 ) instead. Also, when value
> equals to 7, the left property should be ( 7 / 8 * 100% )
>
> Thanks a lot for help~
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
