我想知道是否可以在滑块手柄附加工具提示？我当前的滑块功能是：
$('#slider').slider({
max: 18,animate: 'slow',orientation: 'vertical',slide: function(e,ui) {
$('#storage').html(storage[ui.value-1]);
$('#ram').html(ram[ui.value-1]);
$('#bandwidth').html(bandwidth[ui.value-1]);
$('#cpu').html(cpu[ui.value-1]);
$('#price').html(price[ui.value-1]);
}
});
我想拿这个并应用一个工具提示来跟随句柄.是否会推荐以某种方式确定位置,并根据滑块位置动态更新工具提示位置？
解决方法
实际使用title属性是更容易的方法(belugabob想法)
$(function() {
$("#slider").slider()
.find(".ui-slider-handle")
.attr("title","Slide Me")
});
但是,如果要完全控制使用此示例
预览：http://jsbin.com/eluqi3/166/edit
$(function() {
var $slideMe = $("<div/>")
.css({ position : 'absolute',top : 10,left : 0 })
.text("Slide Me!")
.hide()
$("#slider").slider()
.find(".ui-slider-handle")
.append($slideMe)
.hover(function()
{ $slideMe.show()},function()
{ $slideMe.hide()}
)
});