JQuery Mobile - 如何設置翻轉切換開關幻燈片持續時間

我試圖使用「Flip Toggle Switch」jQuery Mobile庫。但我認爲光標動畫有點太快... 有誰知道一種方法來改變動畫的持續時間？我已經看過了。 jQuery和jQuery Mobile，但我什麼也沒找到。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>

$("#modeLocation").change(function() { 
    type = $("#modeLocation").val(); 

    $('#togshow').text(type.toString()); 
});

預先感謝您

來源

2013-05-27 Glenn Sonna

您尋找所有錯誤的地方:)

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

CSS：

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

只要改變470ms以毫秒爲單位的任何時間。

來源

2013-05-27 12:14:00 Gajotres

何！這是一個CSS3屬性！我感到愚蠢..：D謝謝你非常[Gajorted]（http://stackoverflow.com/users/1848600/gajotres） –

有要添加範圍滑在您的網站

如果是的，請使用範圍滑塊在jQuery的移動

僅供參考見下面的鏈接

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

來源

2013-05-27 12:12:12 krutssss

JQuery Mobile - 如何設置翻轉切換開關幻燈片持續時間

回答

相關問題