JQuery Mobile - Как настроить длительность слайд-броска переключателя
Я пытаюсь использовать " Flip Toggle Switch" библиотеку jQuery Mobile. Но я думаю, что анимация курсора слишком быстрая... Кто-нибудь знает способ изменить продолжительность анимации? Я уже заглянул внутрь. js jQuery и jQuery Mobile, но я ничего не нашел.
Вот мой JSFIDDLE и фрагмент кода:
<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());
});
заранее спасибо
2 ответа
Решение
Вы смотрели на все неправильные места:)
Рабочий пример: http://jsfiddle.net/Gajotres/TTGbS/
CSS:
.ui-slider-handle-snapping {
transition: left 470ms linear 0s !important;
}
Просто поменяй 470ms
в любое время измеряется в миллисекундах.
Хотите добавить слайд диапазона на свой сайт?
Если да, пожалуйста, используйте бегунок диапазона в jquery mobile
Для справки смотрите ниже ссылку
http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/sliders/rangeslider.html