jquery - 切换时的 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

这似乎有效。 演示

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

});