javascript - 如何在 jQuery slider 旋钮上显示当前 slider 值？

Question

我试图从 jQuery 示例中找出答案 here是否可以将 slider 的当前值设置为 slider 旋钮上显示的文本。

因此，当用户更改 slider 时，新值将不断更新为数字值，实时显示为 slider 旋钮表面的文本。

  $(document).ready(function() {
    $("#slider").slider();
  });

  <div id="slider"></div>

有办法吗？

Answer 1

@EvilMM 的回答几乎是正确的，但他/她忘记了引号，我也遇到过 slider 值为 -1 的情况，所以我为此编写了一个修复程序。

<div id="slider"></div>

js:

$("#slider").slider({
    max: 10,
    slide: function (event, ui) {
        m_val = ui.value;
        if (m_val < 0) {
            m_val = 0;
            $(this).slider({ value: 0 });
        }
        $(this).find("a:first").text(m_val);
    }
});