是否有可能在滑動按鈕上具有jQuery UI滑塊的值？

我的客戶要求我編碼下面的UI，滑塊的值在實際的滑塊按鈕上。 http://img714.imageshack.us/img714/9043/sliderb.jpg 是否有可能在滑動按鈕上具有jQuery UI滑塊的值？

任何人都可以指向最小阻力的方向嗎？並有可能做與jQuery UI滑塊，或者我將不得不在其他地方？

非常感謝

2012-01-08 user827570

沒問題：

$("#slider").slider({ 
    create: function() { 
     /* Set the handle text to min value */ 
     $(this).find("a.ui-slider-handle").text($(this).slider("option", "min")); 
    }, 
    slide: function (event, ui) { 
     $(this).find("a.ui-slider-handle").text(ui.value); 
    } 
});

有了一些CSS來美化它，你一定能夠做到的是：

a.ui-slider-handle { text-decoration: none; }

例子：http://jsfiddle.net/T5Y7k/1/

來源

2012-01-08 02:09:52

非常感謝你的工作，我還有一個很快的問題。你如何做特定的捕捉滑塊上的值？客戶不需要說10的間隔，例如他想要10,20,40,75,100,200。再次感謝 – user827570 2012-01-08 02:13:45

@ user827570：這實際上是一個相當不錯的問題問一個新的問題，詢問'：）' – 2012-01-08 02:18:33

@ user827570可能會更好：實際上，我會檢查如何做到這一點的問題：http：// stackoverflow.com/questions/967372/jquery-slider-how-to-make-step-size-change – 2012-01-08 02:20:26

如果您正在使用Jqu您可以獲取滑塊的值，然後使用CSS將該值放到滑塊的元素上。

Jquery允許您更改默認的UI css樣式，因此您可以使用該元素的ID來根據您的需要更改它。

在可以修改的jquery.ui.slider.css樣式表中引用了特定於窗口小部件的類。檢查http://jqueryui.com/demos/slider/#range，檢查該鏈接上的主題標籤。

來源

2012-01-08 02:10:23 T23

是否有可能在滑動按鈕上具有jQuery UI滑塊的值？

回答

相關問題