CSS 需要为跟随 slider 的 jquery slider 制作标签

Question

我正在制作一个 jquery slider ，我需要在包含 slider 值的 slider 下方跟随一个框。我现在拥有的代码将 slider 的值放在 slider 顶部，那么我需要添加什么 CSS 才能使此信息位于 slider 下方？

`$(函数() {

  $("#slider").slider({
    orientation: "horizontal",
    min: 0,
  max: 60,
  value: 60,
  slide: function(event, ui) {
    var monthYear = numberToDate(ui.value);
    var tooltip = document.createElement("span");
    tooltip.style.position = "absolute";
    tooltip.innerHTML = dateString(monthYear);
    $('.ui-slider-handle').html(tooltip);
      //$("#amount").val(dateString(monthYear));
    },
    change: function(event, ui) {
      changeColor(ui.value);    
    }
  })

  //$("#amount").val($("#slider").slider("value"));

}); `

span tooltip 包含我试图在 slider 下方显示的信息，我只需要知道我可以使用什么 CSS 来实现这一点。

这是我目前拥有的 slider 的 jsfiddle:http://jsfiddle.net/azrosen92/cPQan/

Answer 1

能给个链接吗？或者也许设置一个 jsFiddle？否则不好排错..

我唯一要更改的代码是:

$('.ui-slider-handle').html(tooltip);

到

$('.ui-slider-handle').append(tooltip);

否则我看不出问题