You were looking at all wrong places :)
Working example: http://jsfiddle.net/Gajotres/TTGbS/
CSS:
.ui-slider-handle-snapping {
transition: left 470ms linear 0s !important;
}
Just change 470ms
to any time measured in miliseconds.
Question
I'm trying to use the "Flip Toggle Switch" the jQuery Mobile library. But I think the cursor animation is a bit too fast ... Does anyone know a way to change the duration of the animation? I have already looked inside the. js of jQuery and jQuery Mobile, but I found nothing.
Here is my JSFIDDLE and code snippet :
<div data-role="content">
<form action="#" class="foo" method="get">
<p>
<select id="modeLocation" class="ui-toggle-switch" data-role="slider">
<option value="Courte"></option>
<option value="Longue"></option>
</select><span id="togshow">Courte</span>
</p>
</form>
</div>
JS
$("#modeLocation").change(function () {
type = $("#modeLocation").val();
$('#togshow').text(type.toString());
});
Thank you in advance
Solution
You were looking at all wrong places :)
Working example: http://jsfiddle.net/Gajotres/TTGbS/
CSS:
.ui-slider-handle-snapping {
transition: left 470ms linear 0s !important;
}
Just change 470ms
to any time measured in miliseconds.
OTHER TIPS
Have you want to add range slide in your site
If yes please use range slider in jquery mobile
For reference see below link
http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/sliders/rangeslider.html