0

jqueryスライダーを作成していますが、スライダーの値を含むスライダーの下をたどるボックスが必要です。私が今持っているコードはスライダーの値をスライダーの上に配置します、それでこの情報をスライダーの下に置くためにどのCSSを追加する必要がありますか？

`$（function（）{

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

4

1 に答える 1

0

それへのリンクを投稿できますか？それとも、jsFiddle をセットアップしますか? そうしないと、トラブルシューティングが容易ではありません..

あなたのコードで変更する唯一のことは次のとおりです。

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

に

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

そうでなければ、私は問題を見ることができません

于 2013-03-15T00:03:09.527 に答える