格式化jquery滑块工具提示文本

Question

如何将jquery滑块工具提示文本格式化为百分比（10-100％）？我正在使用d3 js。那是zoom.scaleExtent（[0.2,2]）。

var tooltip = $('<div id="tooltip" />').css({
            position: 'absolute',
            top: 0,
            left: 20
        }).hide();

        $(".slider").slider({
            animate: "slow",
            range: "min",
            orientation: "vertical",
            min: zoom.scaleExtent()[0],
            max: zoom.scaleExtent()[1],
            value: scaleZ ,
            step: ((zoom.scaleExtent()[1] - zoom.scaleExtent()[0]) / 100),
            slide: function(event, ui) {
                tooltip.text(ui.value);
                slideFn(ui.value);
            }
        }).find(".ui-slider-handle").append(tooltip).hover(function() {
            tooltip.show()
        }, function() {
            tooltip.hide()
        });

当我滑动时，我在工具提示中得到0.2到2的值，但我需要从10％到100％。 jsfiddle.net/fekkyDev/aVhd8/205

Answer 1

试试这个： - http://jsfiddle.net/adiioo7/aVhd8/206/

<强> JS： -

 slide: function(event, ui) {
                    tooltip.text(ui.value*100+"%");
                    slideFn(ui.value);
                }