是否有可能在滑动按钮上具有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滑块的值？

回答

相关问题