我想知道是否可以在滑块手柄附加工具提示?我当前的滑块功能是:
$('#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()} ) });