javascript - 是否可以在 slider 按钮上设置 jQuery UI slider 的值？

Question

我的客户要求我编写以下 UI 代码， slider 的值位于实际的 slider 按钮上。 http://img714.imageshack.us/img714/9043/sliderb.jpg

任何人都可以指出阻力最小的方向吗？是否可以使用 jQuery UI slider ，或者我是否需要寻找其他地方？

非常感谢

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/