开关jQuery UI工具提示

Question

存在这样的问题：工具提示不显示在页面上。它只显示如果我点击切换。

我该怎么做，该工具提示将显示没有点击切换...？

下面是代码：

JS：

var tooltipD = $('<div id="days_tooltip" />').css({ 
    position: 'absolute', 
    top: -30, 
    left: -14, 
    width: 45, 
    height: 20, 
    textAlign: "center", 
    display: "block", 
    background: "#FFF", 
    border: "1px solid lightgray", 
    borderRadius: 5, 
    paddingTop: 3 
}); 

$("#someid").slider({ 
    range:"max", 
    min:0, 
    max:7, 
    value:1, 
    slide:function (event, ui) { 
//  tooltipD.text(ui.value); 
    } 
    }).find(".ui-slider-handle").append(tooltipD); 

$("#someid").val($("#someid").slider("value")); 

Answer 1

这似乎是工作。 DEMO

$(function() { 

    var tooltipD = $('<div id="days_tooltip" />').css({ 
     position: 'absolute', 
     top: -30, 
     left: -14, 
     width: 45, 
     height: 20, 
     textAlign: "center", 
     display: "block", 
     background: "#FFF", 
     border: "1px solid lightgray", 
     borderRadius: 5, 
     paddingTop: 3 
    }).text(1); 

    $("#slider").slider({ 
     range: "max", 
     min: 0, 
     max: 7, 
     value: 1, 
     slide: function (event, ui) { 
      $("#days_tooltip").text(ui.value); 
     } 
    }).find(".ui-slider-handle").append(tooltipD); 

});