切换上的jQuery UI工具提示

切换上的jQuery UI工具提示,jquery,jquery-ui,tooltip,jquery-ui-slider,Jquery,Jquery Ui,Tooltip,Jquery Ui Slider,存在这样的问题:工具提示不会显示在页面上。仅当我单击“切换”时才会显示 如何在不单击“切换”的情况下显示工具提示 代码如下: Js: var tooltipD=$('').css({ 位置:'绝对', 前-30, 左:-14, 宽度:45, 身高:20, textAlign:“居中”, 显示:“块”, 背景:“FFF”, 边框:“1px实心浅灰色”, 边界半径:5, 加油站:3 }); $(“#someid”).滑块({ 射程:“最大”, 分:0,, 最高:7, 价值:1, 幻灯片:功能(事件、

存在这样的问题:工具提示不会显示在页面上。仅当我单击“切换”时才会显示

如何在不单击“切换”的情况下显示工具提示

代码如下:

Js:

var tooltipD=$('').css({
位置:'绝对',
前-30,
左:-14,
宽度:45,
身高:20,
textAlign:“居中”,
显示:“块”,
背景:“FFF”,
边框:“1px实心浅灰色”,
边界半径:5,
加油站:3
});
$(“#someid”).滑块({
射程:“最大”,
分:0,,
最高:7,
价值:1,
幻灯片:功能(事件、用户界面){
//工具提示文本(ui.value);
}
}).find(“.ui滑块句柄”).append(工具提示);
$(“#someid”).val($(“#someid”).slider(“value”);

这似乎有效

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

});
$(函数(){
var tooltipD=$('').css({
位置:'绝对',
前-30,
左:-14,
宽度:45,
身高:20,
textAlign:“居中”,
显示:“块”,
背景:“FFF”,
边框:“1px实心浅灰色”,
边界半径:5,
加油站:3
}).案文(1);
$(“#滑块”).滑块({
射程:“最大”,
分:0,,
最高:7,
价值:1,
幻灯片:功能(事件、用户界面){
$(“#天#工具提示”).text(ui.value);
}
}).find(“.ui滑块句柄”).append(工具提示);
});

是否希望工具提示悬停在滑块处理程序上?
$(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);

});