CSS需要爲滑塊後面的jquery滑塊製作標籤

我正在製作一個jquery滑塊，我需要一個包含滑塊值的滑塊下面的框。我現在擁有的代碼將滑塊的值放在滑塊的頂部，因此需要添加哪些CSS才能使此信息位於滑塊下方？CSS需要爲滑塊後面的jquery滑塊製作標籤

'$（函數（）{

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

來源

2013-03-14 azrosen92

你可以發佈一個鏈接到它？或者可能建立一個jsFiddle？否則，它是不容易解決..

我會在你的代碼更改的唯一事情是：

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

到

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

否則我看不出問題

來源

2013-03-15 00:03:09 Bill

CSS需要爲滑塊後面的jquery滑塊製作標籤

回答

相關問題