Question

我正在尝试使用“Flip Toggle Switch”jQuery Mobile库。但我认为光标动画有点太快了...... 有没有人知道改变动画持续时间的方法？我已经看过里面了。 jQuery的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());
});

提前谢谢

Answer 1

你正在寻找所有错误的地方：）

工作示例：http://jsfiddle.net/Gajotres/TTGbS/

<强> CSS：

.ui-slider-handle-snapping {
    transition: left 470ms linear 0s !important;
}

只需将 470ms 更改为以毫秒为单位测量的任何时间。

Answer 2

是否要在您的网站中添加范围幻灯片

如果是，请在jquery mobile

中使用范围滑块

供参考，请参阅以下链接

http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/sliders/rangeslider.html

JQuery Mobile - 如何设置Flip切换开关幻灯片持续时间

2 个答案: