Javascript 是否可以在滑块按钮上显示jQuery UI滑块的值？

我的客户要求我编写下面的UI，滑块的值在实际的滑块按钮上。

有人能给我指出阻力最小的方向吗？有可能使用jQueryUI滑块吗？或者我必须去别处看看吗

非常感谢

当然可以：

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

---

示例：

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

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

jquery.ui.slider.css样式表中引用了一些特定于小部件的类，这些类可以修改。

---

检查，也检查该链接上的主题选项卡。

非常感谢，效果非常好，我还有一个快速问题。如何在滑块上捕捉特定的值？客户不希望间隔为10，例如，他希望间隔为10,20,40,75100200。谢谢again@user827570：这实际上是一个很好的问题。最好是问一个新问题，问这个问题。

：）

@user827570:实际上，我想看看这个问题，看看如何做到这一点：