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
-~----------~----~----~----~------~----~------~--~---
