切换上的jQuery UI工具提示
存在这样的问题:工具提示不会显示在页面上。仅当我单击“切换”时才会显示 如何在不单击“切换”的情况下显示工具提示 代码如下: Js:切换上的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, 幻灯片:功能(事件、
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);
});