Question

我的客户要求我编写下面的UI代码，滑块的值在实际的滑块按钮上。 http://img714.imageshack.us/img714/9043/sliderb.jpg

有人能指出我阻力最小的方向吗？是否可以使用jQuery UI滑块，或者我将不得不寻找其他地方？

非常感谢

Answer 1

当然可以：

$("#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/

Answer 2

如果你正在使用Jquery，你可以获得滑块的值，然后使用CSS将该值放在滑块的元素上。

Jquery允许您更改默认的UI css样式，因此您可以使用该元素的ID来根据需要更改它。

jquery.ui.slider.css 样式表中引用了可以修改的特定于窗口小部件的类。检查http://jqueryui.com/demos/slider/#range，同时检查该链接上的主题标签。

是否可以在滑块按钮上获得jQuery UI滑块的值？

2 个答案: