JQuery Mobile - How to set Flip toggle switch slide Duration

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

score 1 · Accepted Answer · answered May 27 '13 at 12:14

1

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.

answered May 27 '13 at 12:14

Gajotres

57,309
16
102
130

1

Ho! it was a CSS3 property ! I feel Stupid.. :D THanks you very Much [Gajorted](http://stackoverflow.com/users/1848600/gajotres) – Glenn Sonna May 27 '13 at 14:33

score 0 · Answer 2 · answered May 27 '13 at 12:12

0

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

answered May 27 '13 at 12:12

krutssss

934
1
10
23

JQuery Mobile - How to set Flip toggle switch slide Duration

2 Answers2