css - CSS需要为跟随滑块的jquery滑块制作标签

Question

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

`$（函数（）{

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

}); `

跨度tooltip包含我试图在滑块下方显示的信息，我只需要知道我可以使用什么 CSS 来做到这一点。

这是我到目前为止的滑块的 jsfiddle：http: //jsfiddle.net/azrosen92/cPQan/

Answer 1

你可以发布一个链接吗？或者也许设置一个jsFiddle？否则不容易解决..

我要在您的代码中更改的唯一内容是：

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

至

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

否则我看不到问题