切换时的 jQuery UI 工具提示答案

【问题标题】：jQuery UI tooltip on toggle切换时的 jQuery UI 工具提示
【发布时间】：2013-03-05 13:37:26
【问题描述】：

有这样的问题：工具提示没有显示在页面上。只有当我点击切换时它才会显示。

如何在不点击切换按钮的情况下显示工具提示...？

代码如下：

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"));

【问题讨论】：

您希望工具提示悬停在滑块处理程序上吗？

标签： jquery jquery-ui tooltip jquery-ui-slider

【解决方案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);

});

【讨论】：